Kendo ui 如何将模板添加到剑道网格工具栏
我正在尝试向剑道MVC网格添加自定义模板。 我的模板应该包含两件事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
.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”的项上