jQGrid - 对排序行重新排序操作按钮

时间:2014-05-28 09:36:34

标签: javascript jquery sorting jqgrid

我们如何根据关注行的排序重新排列jQGrid中操作按钮的排序顺序(编辑和删除)?

HTML:

<table id="grid"></table>

这是我的fiddle

我编写了不同的编辑按钮并在网格中保存按钮。

如果有人觉得我的查询很难理解,我会更新这篇文章。

由于

1 个答案:

答案 0 :(得分:0)

我建议使用自定义格式功能(格式化程序),它会渲染按钮。在每个按钮上,您可以使用行参数设置单击处理程序

 colModel:[
    {name:'act',index:'act', width:120, sortable:false, formatter: customFormat},
    {name:'emp_name', index:'emp_name', key: true, width:100, editable:true},
    {name:'emp_id', index:'emp_id', width:80, editable:true},
    {name:'addr', index:'addr', width:100, editable:true}
],


function customFormat (cellvalue, options, rowObject) {
    console.log(rowObject);
    return '<input type="button" class="editbtn" value="edit" onclick="console.log('+rowObject.emp_id+')"/><input type="button" class="delbtn" value="del" onclick="console.log('+rowObject.emp_id+')"/>';
}

知道点击了哪个emp_id,你可以调用自己的自定义函数,它将与emp_id做同样的事情

See fiddle