对jqgrid的某列绑定事件

来源：互联网发布：古村之友知乎编辑：程序博客网时间：2024/06/08 13:35

部分html代码：

<div class="main" style="margin-left:400px;">        <table id="list_grid" class="grid"></table>    <div id="list_pager"></div></div>

jqgrid部分：

$("#stocklist_grid").jqGrid({url:'ajax.php?action=get_stock_list',datatype: "json",mtype: "POST",colNames:['ID', 'Code', 'Name', 'Mark'],colModel:[{name:'id',index:'id',width:60,align:'center'},{name:'code',index:'code', wdith: 80, align:'center', editable:true, edittype:'textarea', editoptions:{rows:'10'}},{name:'name',index:'name', width: 80, align:'center'},{name:'mark',index:'mark', width: 220, align:'left', formatter:function(cellvalue, options, rowObj){                    return "<span id='"+rowObj.id+"' class='mark_data' style='display:block; width:100%; cursor:pointer;'>"+cellvalue+"</span>";}}],

关键在红色部分，用formatter将mark列的加入span标签（其实用什么标签不重要，重要的时要找到改元素节点）。

Js(Jquery):

$(function(){//on方法对动态元素绑定click事件$("#list_grid").on("click", ".mark_data", function(){//TODO...            bnames = $(this).text();$("#dialog_select_blocks").dialog("open");});});

由于jqgrid表格中内容是动态加载的，这里要用on方法绑定事件。

0 0