各位,easyUI中有点击单元格,点击行事件,但是怎样添加单击表头(列名)事件?
求指教,不胜感激
$('.datagrid-header-row td[field="某一列"] span').onclick = function() { ... };
这么写看看
点击表头排序么?参考这个:http://blog.csdn.net/hanchangning19890201/article/details/40786587
<!DOCTYPE html>
Right click on the header of DataGrid to display context menu.
在
里面加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
}