easyUI 如何添加点击表头事件

各位,easyUI中有点击单元格,点击行事件,但是怎样添加单击表头(列名)事件?
求指教,不胜感激

 $('.datagrid-header-row td[field="某一列"] span').onclick = function() { ... };
这么写看看

点击表头排序么?参考这个:http://blog.csdn.net/hanchangning19890201/article/details/40786587

<!DOCTYPE html>



Context Menu on DataGrid - jQuery EasyUI Demo



Context Menu on DataGrid

Right click on the header of DataGrid to display context menu.

$(function(){ $('#dg').datagrid({ url: 'datagrid_data1.json', method: 'get', title: 'Context Menu on DataGrid', iconCls: 'icon-save', width: 700, height: 250, fitColumns: true, singleSelect: true, columns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'productid',title:'Product ID',width:120}, {field:'listprice',title:'List Price',width:80,align:'right'}, {field:'unitcost',title:'Unit Cost',width:80,align:'right'}, {field:'attr1',title:'Attribute',width:250}, {field:'status',title:'Status',width:60,align:'center'} ]], onHeaderContextMenu: function(e, field){ e.preventDefault(); if (!cmenu){ createColumnMenu(); } cmenu.menu('show', { left:e.pageX, top:e.pageY }); } }); }); var cmenu; function createColumnMenu(){ cmenu = $('<div/>').appendTo('body'); cmenu.menu({ onClick: function(item){ if (item.iconCls == 'icon-ok'){ $('#dg').datagrid('hideColumn', item.name); cmenu.menu('setIcon', { target: item.target, iconCls: 'icon-empty' }); } else { $('#dg').datagrid('showColumn', item.name); cmenu.menu('setIcon', { target: item.target, iconCls: 'icon-ok' }); } } }); var fields = $('#dg').datagrid('getColumnFields'); for(var i=0; i<fields.length; i++){ var field = fields[i]; var col = $('#dg').datagrid('getColumnOption', field); cmenu.menu('appendItem', { text: col.title, name: field, iconCls: 'icon-ok' }); } }


里面加onClick、onXXX事件或者给定id,然后用jquery绑定事件

$(function(){ $('#dg').datagrid({ url: 'datagrid_data1.json', method: 'get', title: 'Context Menu on DataGrid', iconCls: 'icon-save', width: 700, height: 250, fitColumns: true, singleSelect: true, columns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'productid',title:'Product ID',width:120}, {field:'listprice',title:'List Price',width:80,align:'right'}, {field:'unitcost',title:'Unit Cost',width:80,align:'right'}, {field:'attr1',title:'Attribute',width:250}, {field:'status',title:'Status',width:60,align:'center'} ]], onHeaderContextMenu: function(e, field){ e.preventDefault(); if (!cmenu){ createColumnMenu(); } cmenu.menu('show', { left:e.pageX, top:e.pageY }); } }); }); var cmenu;

对指定表头设个onclick事件~!!
function count() {

var rows = $('#dg'').datagrid('getRows')//获取当前页的数据行

var total = 0;

for (var i = 0; i < rows.length; i++) {

total += rows[i]['某一列名称']; //获取指定列

}

alert(total);

}

 <th data-options="field:'options',width:150,title:'操作',formatter:getOptionsBtn" align="center"></th>

 function getOptionsBtn(value, row, index)
   {
           value 值
                 row  代表行 比如row.id 就表示你点的哪一行的id

     }