Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Kendo ui 如何将模板添加到剑道网格工具栏_Kendo Ui_Kendo Grid_Kendo Asp.net Mvc - Fatal编程技术网

Kendo ui 如何将模板添加到剑道网格工具栏

Kendo ui 如何将模板添加到剑道网格工具栏,kendo-ui,kendo-grid,kendo-asp.net-mvc,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,我正在尝试向剑道MVC网格添加自定义模板。 我的模板应该包含两件事 “创建”按钮将新记录添加到网格中 自动完成框 过滤网格中的数据 我正在尝试以下代码: .ToolBar(toolbar => { toolbar.Template(@<text> <div class="toolbar"> <label class="category-label" for="category"&g

我正在尝试向剑道MVC网格添加自定义模板。 我的模板应该包含两件事

  • “创建”按钮将新记录添加到网格中
  • 自动完成框 过滤网格中的数据
  • 我正在尝试以下代码:

    .ToolBar(toolbar =>
    {
        toolbar.Template(@<text>
                    <div class="toolbar">
                        <label class="category-label" for="category">Filter by name:</label>
                        @(Html.Kendo().AutoComplete()
                                .Name("employees")
                                .DataTextField("empName")
                                          .Filter("contains")
              .MinLength(3)
              .Events(e => e.Change("nameChange"))
                                .DataSource(ds =>
                                {
                                    ds.Read("FilteringList", "Employee");
                                })
    
                            )
                    </div>
                    </text>);
        toolbar.Create().Text("New Record");
    
    })
    
    .ToolBar(ToolBar=>
    {
    工具栏.模板(@
    按名称筛选:
    @(Html.Kendo().AutoComplete())
    .姓名(“雇员”)
    .DataTextField(“empName”)
    .过滤器(“包含”)
    .MinLength(3)
    .Events(e=>e.Change(“名称更改”))
    .DataSource(ds=>
    {
    ds.Read(“过滤英语”、“员工”);
    })
    )
    );
    toolbar.Create().Text(“新记录”);
    })
    
    但这是行不通的。我只能看到自动完成框

    关于如何完成我的要求有什么想法吗?

    删除下面的行

    toolbar.Create().Text("New Record");
    
    从工具栏部分,在模板内添加按钮。 请参阅以下代码:

    .ToolBar(toolbar =>
    {
    toolbar.Template(@<text>
                <div class="toolbar">
                    <a class="k-button k-button-icontext k-grid-add" href="/YourControllerName/YouCreateActionResultJsonName?grdSearch-mode=insert">New Record</a>
                    <label class="category-label" for="category">Filter by name:</label>
                    @(Html.Kendo().AutoComplete()
                            .Name("employees")
                            .DataTextField("empName")
                                      .Filter("contains")
          .MinLength(3)
          .Events(e => e.Change("nameChange"))
                            .DataSource(ds =>
                            {
                                ds.Read("FilteringList", "Employee");
                            })
    
                        )
                </div>
                </text>);
    })
    
    .ToolBar(ToolBar=>
    {
    工具栏.模板(@
    按名称筛选:
    @(Html.Kendo().AutoComplete())
    .姓名(“雇员”)
    .DataTextField(“empName”)
    .过滤器(“包含”)
    .MinLength(3)
    .Events(e=>e.Change(“名称更改”))
    .DataSource(ds=>
    {
    ds.Read(“过滤英语”、“员工”);
    })
    )
    );
    })
    
    尼廷购物中心的答案可以通过替换

    <a class="k-button k-button-icontext k-grid-add"   
    href="/YourControllerName/YouCreateActionResultJsonName?grdSearch-mode=insert">
    New Record</a>
    
    
    

    <a class='k-button k-button-icontext k-grid-add' 
    href='#'><span class='k-icon k-add'></span>Add new record</a>
    
    
    
    这是因为网格使用jquery委托将调用AddRow方法的网格的click事件处理程序附加到类为“k-grid-add”的项上