youmeng19930821
2017-12-24 15:06
采纳率: 45.5%
浏览 4.2k
已采纳

easyUI 如何添加点击表头事件

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

7条回答 默认 最新

  • 已采纳
     $('.datagrid-header-row td[field="某一列"] span').onclick = function() { ... };
    这么写看看
    
    点赞 打赏 评论
  • 点赞 打赏 评论
  • qq_40872794 2017-12-24 15:57

    <!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' }); } }


    点赞 打赏 评论
  • Ultraman_TigaSang 2017-12-25 01:11

    里面加onClick、onXXX事件或者给定id,然后用jquery绑定事件
    点赞 打赏 评论
  •  <th data-options="field:'options',width:150,title:'操作',formatter:getOptionsBtn" align="center"></th>
    
     function getOptionsBtn(value, row, index)
       {
               value 值
                     row  代表行 比如row.id 就表示你点的哪一行的id
    
         }
    
    
    点赞 打赏 评论
  • qq_34621829 2017-12-25 01:34

    $(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;

    点赞 打赏 评论
  • 戀丶缈 2017-12-25 02:44

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

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

    var total = 0;

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

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

    }

    alert(total);

    }

    点赞 打赏 评论

相关推荐