jq网格。无法创建删除按钮答案

【问题标题】：jqGrid. Can't create delete buttonjq网格。无法创建删除按钮
【发布时间】：2016-08-15 13:14:29
【问题描述】：

我使用 * jqGrid 5.1.0
我找到文档。 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_buttons 文档很容易，但是在添加了这样的代码之后，我的 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);

【问题讨论】：

标签： javascript jquery jqgrid

【解决方案1】：

buttonicon:"ui-icon-del" 选项错误。该值应该是来自 jQuery UI CSS Framework Icons 的值之一（有关详细信息，请参阅here）。我想您想使用名称 ui-icon-trash 而不是 ui-icon-del。

取决于代码的其他部分，调用 .navButtonAdd('#pager',{... 也可能是非法的。 .jqGrid('navButtonAdd','#pager',{... 形式的调用始终有效。

最后，我想提一下 jqGrid 5.1.0 是 Guriddo jqGrid JS，它是商业产品，价格为 here。 Free jqGrid 是我开发的 jqGrid 的 alternative 分支，在旧的 MIT/GPL 许可证下完全免费提供。您可以考虑使用它来代替 jqGrid 5.1.0。我想您当前的代码与免费的 jqGrid 完全兼容。您可以直接从 CDN 使用指向 jqGrid 文件的 URL 来尝试它（请参阅the wiki article）。

【讨论】：