jqGrid。无法创建删除按钮
问题描述:
我使用* jqGrid 5.1.0
我找到文档。 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_buttons 这是相当容易的文档,但添加这样的代码后,我的jqGrid不添加按钮。控制台中没有错误。此外,此按钮的最后多余的列不会出现。 我将是帮助jqGrid。无法创建删除按钮
$("#list").jqGrid({
url: "/backend.php",
datatype: "xml",
mtype: "POST",
colNames: ["Клиент", "id", "Адрес", "Дата", "Время", "Водитель","Оборудование", "Примечание"],
colModel: [
{ name: "name", width: 80, align: "center", editable: true, sorttype:'string', searchoptions:{sopt:['eq','bw','bn','cn','nc','ew','en']}},
{ name: "order_id", width: 80, align: "center", sorttype:'integer', searchoptions:{sopt:['eq','ne','le','lt','gt','ge']}},
{ name: "address", width: 160, align: "center", editable: true },
{ name: "date", width: 80, align: "center", editable: true },
{ name: "time", width: 80, align: "center", editable: true },
{ name: "driver", width: 80, align: "center", editable: false },
{ name: "equip", width: 100, align: "center", editable: true },
{ name: "notice", width: 80, align: "center", editable: true },
],
pager: "#pager",
rowNum: 10,
rowList: [10, 20, 30],
viewrecords: true,
onSelectRow: function(id){ if(id && id!==lastsel && lastsel!=0){ jQuery('#list').jqGrid('saveRow',lastsel); jQuery('#list').jqGrid('editRow',id,true); lastsel=id; }else{ if(lastsel==0){ jQuery('#list').jqGrid('editRow',id,true); lastsel=id; } } },
editurl: "/iwater/backend.php",
gridview: true,
autoencode: false,
caption: "Заказы",
loadonce: true,
sortable:true
});
$("#list").jqGrid('navGrid',"#pager",{edit:false,add:false,del:false}).navButtonAdd('#pager',{
caption:"Del",
buttonicon:"ui-icon-del",
onClickButton: function(){
alert("Deleting Row");
},
position:"last"
});
$("#list").jqGrid('filterToolbar',{searchOperators : true});
$("#list").jqGrid('setGridHeight',300);
答
选项buttonicon:"ui-icon-del"
是错的感谢。该值应该来自jQuery UI CSS Framework图标(详情请参阅here)。我想你想用名称ui-icon-trash
而不是ui-icon-del
。
根据您的代码的其他部分,致电.navButtonAdd('#pager',{...
也可能是非法的。形式为.jqGrid('navButtonAdd','#pager',{...
的电话始终工作。
最后我想提一下的是,jqGrid 5.1.0是Guriddo jqGrid JS,这是商业产品可用的价格发现here。 Free jqGrid是替代我开发的jqGrid的分支,它可以在完全免费的旧的MIT/GPL许可证下提供。你可以考虑使用它来代替jqGrid 5.1.0。我想你的当前代码是完全兼容免费的jqGrid。您可以直接从CDN使用URL到jqGrid文件来尝试它(请参阅the wiki article)。