How can we create two things in the tool bar (ex: create and search) in grid kendo ui?

Question

I try to create Search box and Create in the toolbar but it doesnot work. Tool bar only accept 1 of them. Any one can help me

Answer 1

工具栏模板示例显示了如何自定义工具栏。该示例演示了添加刷新图标和搜索框。

＆＃xA;＆＃xA;

您还可以在配置网格后添加搜索框。

＆＃xA;＆＃ xA;

  $（'＃myGridID .k-grid-toolbar'）。append（＆＃xA;'＆lt; form id =“searchForm”action =“＃”＆gt;'＆＃xA; + '＆lt; input class =“k-textbox k-space-right”type =“search”id =“searchTerm”placeholder =“Search term ...”/＆gt;＆lt; span title =“按名称或地址查找” id =“searchGo”class =“k-icon ki-search”＆gt;＆lt; / span＆gt;'＆＃xA; +'＆lt; / form＆gt;'＆＃xA;）;＆＃xA; $（ “＃searchForm”）提交（onSearchSubmit）＆＃XA。 $（“＃searchGo”）。点击（onSearchSubmit）;＆＃xA;  

＆＃xA;＆＃xA;

并相应地设置网格过滤器

＆＃xA; ＆＃xA;

  function onSearchSubmit（e）{＆＃xA; var term，grid，criteria;＆＃xA;＆＃xA; e.preventDefault（）;＆＃XA;＆＃XA; term = $（“＃searchTerm”）。val（）;＆＃xA; grid = $（“＃myGridID”）。data（“kendoGrid”）;＆＃xA; criteria = {＆＃xA;逻辑：“或”，＆＃xA;过滤器：[＆＃xA; {field：“Name”，operator：“contains”，value：term}，＆＃xA; {field：“Address”，operator：“contains”，value：term}＆＃xA; ]};＆＃XA; if（term ===“”）{criteria = null} //没有条件，显示所有记录＆＃xA; grid.dataSource.filter（条件）;＆＃XA;}＆＃XA;  

＆＃XA;