Kendo ui 在剑道网格中添加带有按钮的行

我现在正试图用3个并排按钮在表的顶部添加一行。我是否需要添加任何HTML，还是通过js动态添加？有点像下面的url，但它只是一个按钮（可能是一个图像），而不是一个下拉列表（这些将是编辑、删除和添加列按钮等控件）：

$（函数（）{
var people=[{患者姓名：“John Doe”，MRN：“464684778”，账户：“56765765224768”，出生日期：“01/06/2013”，403室，床位：22，入院日期：“01/15/2013”}，
{患者姓名：“John Doe”，MRN：“464684778”，账户：“56765765224768”，出生日期：“2013年6月1日”，403室，床位：22，入院日期：“2013年1月15日”}，
{患者姓名：“Jane Doe”，MRN：“464684778”，账户：“56765765224768”，出生日期：“01/06/2013”，403室，床位：22，入院日期：“01/15/2013”}，
{患者姓名：“伯特·琼斯”，MRN：“464684778”，账户：“56765765224768”，出生日期：“2013年6月1日”，403室，床位：22，入院日期：“2013年1月15日”}，
];
$（“#网格”）.kendoGrid({
列：[{字段：“患者姓名”，标题：“患者姓名”}，
{字段：“MRN”，标题：“MRN”}，
{字段：“账户”，标题：“账户#”}，
{字段：“出生日期”，标题：“出生日期”}，
{字段：“房间”，标题：“房间”}，
{字段：“床”，标题：“床”}，
{字段：“受理日期”，标题：“受理日期”}，
数据源：{
数据：人
},
身高：300，
可滚动：对，
pageable:对，
页面大小：2，
可排序：正确
});
});

您可以将

工具栏

部分添加到kendoGrid配置中，并提供要添加的按钮列表：

$("#grid").kendoGrid({
     columns: [{field: "patientName", title: "Patient Name"},
               {field: "MRN", title: "MRN"},
               {field: "account", title: "Account#"},
               {field: "dateOfBirth", title: "Date of Birth"}, 
               {field: "room", title: "Room"},
               {field: "bed", title: "Bed"},
               {field: "admitDate", title: "Admit Date" }],

     toolbar: [
       {"name": "create"}, 
       {"name": "save"}, 
       {"name": "cancel"}
     ],

     dataSource: {
       data:people
     },

     height:300,
     scrollable:true,
     pageable: true,
     pageSize: 2,
     sortable: true                
  });

如果无法使用工具栏使内容看起来符合您的要求，您可以为此选项提供自己的HTML：

toolbar: "<div>stuff here</div>"

工具栏：“这里的东西”

---

文档中有更多信息，请参见：

您可以在kendoGrid配置中添加

工具栏

部分，并提供要添加的按钮列表：

$("#grid").kendoGrid({
     columns: [{field: "patientName", title: "Patient Name"},
               {field: "MRN", title: "MRN"},
               {field: "account", title: "Account#"},
               {field: "dateOfBirth", title: "Date of Birth"}, 
               {field: "room", title: "Room"},
               {field: "bed", title: "Bed"},
               {field: "admitDate", title: "Admit Date" }],

     toolbar: [
       {"name": "create"}, 
       {"name": "save"}, 
       {"name": "cancel"}
     ],

     dataSource: {
       data:people
     },

     height:300,
     scrollable:true,
     pageable: true,
     pageSize: 2,
     sortable: true                
  });

如果无法使用工具栏使内容看起来符合您的要求，您可以为此选项提供自己的HTML：

toolbar: "<div>stuff here</div>"

工具栏：“这里的东西”

---

文档中还有更多信息，这里：

Derick，我想在顶部栏的右侧添加三个图像（可以单击），这些图像将对下面的数据起作用-例如更新、删除、刷新-这会通过模板完成吗？我还不太清楚我是否理解模板（Derick），比如说我想在顶部栏的右侧添加三个图像（可以单击），这些图像将作用于下面的数据-如更新、删除、刷新-这会通过模板完成吗？不太确定我是否理解模板（尚未）