我在下面的小提琴中定义了剑道窗口。我们如何在顶部显示剑道菜单项。
小提琴链接:http: //jsfiddle.net/Naidu526/gX2tM/
如何在顶部显示菜单。
我编写了如下代码:
html:
<div id="myGrid"></div>
JS:
var data = [ {name:"Sri"},{name:"balu"}];
var pendingrequestsdts = new kendo.data.DataSource({
data: data
});
// defined the kendo grid
$("#myGrid").kendoGrid({
dataSource: pendingrequestsdts,
reorderable: true,
sortable: true,
resizable: true,
selectable: true,
columns: [
{ field: "name", title: "Name", width: "100px" },
{
field: "", title: "", template:
'<ul class="menu2" style="width:78px;"><li>Select<ul><li id="Accept" ><a >Accept</a></li><li id="Reject"><a>Reject</a></li><li id="Ignore"><a>Ignore</a></li></ul></li></ul>',width:100
},
],
dataBound: function (e) {
//Initialization of kendo menu
$(".menu2").kendoMenu({
});
},
editable:false
});