博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
单击EasyUI的datagrid行时不选中
阅读量:5154 次
发布时间:2019-06-13

本文共 1526 字,大约阅读时间需要 5 分钟。

单击EasyUI的datagrid行时不选中,行背景色不变,点击选择框checkbox时选中该行 

核心代码:

 $("#msgList").datagrid({

        url: "../Ajax/MessageAjax.ashx",
        queryParams://每次请求的参数
            {
                cmd: 'msgList',
                strWhere: strWhere
            },
        fitColumns: true,
        pagination: true,   //允许分页
        rownumbers: true,   //行号
        singleSelect: false,//true只能选择一行
        nowrap: true,//如果为true,则在同一行中显示数据。设置为true可以提高加载性能。
        striped: true, //奇偶行是否区分
        //autoRowHeight:true,//定义设置行的高度,根据该行的内容。设置为false可以提高负载性能。
        pageSize: 20,       //设置默认每页30条记录
        checkOnSelect: true,
        collapsible: true,
        loadMsg: '数据加载中……',
        pageList: [10, 20, 50, 100, 500, 1000],//可自定义每页显示多少条记录
        columns: [[
            {
                field: "row",
                checkbox: true
            
            },
            
        {
            field: "m_title",
            title: "标题",
            align: "center",
            width: "900"
        },
         {
             field: "m_date",
             title: "日期",
             align: "center",
             width: "150"
         },
          {
                 field: "m_id",
                 title: "操作",
                 align: "center",
                 width: "150",
                 //styler: function (value, row, index) {
                 //    return 'background-color:gray;'
                 //},
                 formatter: function (value, row, index) {
                     return '<a  id="blue" href="javascript:void(0)"  οnclick="MsgRetail(' + row.m_id + ')" >详情</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a  id="blue" href="javascript:void(0)"  οnclick="EditMsg(' + row.m_id + ')" >编辑</a> ';
                 }
             }
         
        ]],
        onLoadSuccess: function (data) {
            var s = $("#msgList").datagrid('getPanel');
          var rows = s.find('tr.datagrid-row');                       //注意这一行
          var rows1 = s.find('tr.datagrid-row td[field!=row]');
          rows1.unbind('click').bind('click',function(e){
                 return false;
          });
        },
    });

 

注意:  var rows = s.find('tr.datagrid-row');  

      row要和

          {

                field: "row",
                checkbox: true         
            },

       field中的键保持一致

 效果图:

 

转载于:https://www.cnblogs.com/weimingxin/p/8036757.html

你可能感兴趣的文章
实验四2
查看>>
多路复用
查看>>
Java学习笔记--字符串和文件IO
查看>>
在js在添版本号
查看>>
sublime3
查看>>
js编写时间选择框
查看>>
JIRA
查看>>
小技巧——直接在目录中输入cmd然后就打开cmd命令窗口
查看>>
深浅拷贝(十四)
查看>>
HDU 6370(并查集)
查看>>
BZOJ 1207(dp)
查看>>
HDU 2076 夹角有多大(题目已修改,注意读题)
查看>>
洛谷P3676 小清新数据结构题(动态点分治)
查看>>
Attributes.Add用途与用法
查看>>
L2-001 紧急救援 (dijkstra+dfs回溯路径)
查看>>
javascript 无限分类
查看>>
spring IOC装配Bean(注解方式)
查看>>
[面试算法题]有序列表删除节点-leetcode学习之旅(4)
查看>>
SpringBoot系列五:SpringBoot错误处理(数据验证、处理错误页、全局异常)
查看>>
kubernetes_book
查看>>