2016-08-15 76 views
1

我使用* 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); 

回答

0

选项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,这是商业产品可用的价格发现hereFree jqGrid替代我开发的jqGrid的分支,它可以在完全免费的旧的MIT/GPL许可证下提供。你可以考虑使用它来代替jqGrid 5.1.0。我想你的当前代码是完全兼容免费的jqGrid。您可以直接从CDN使用URL到jqGrid文件来尝试它(请参阅the wiki article)。