单击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)"  onclick="MsgRetail(' + row.m_id + ')" >详情</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a  id="blue" href="javascript:void(0)"  onclick="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中的键保持一致

效果图:

单击EasyUI的datagrid行时不选中的更多相关文章

  1. jQuery easyUI的datagrid,如何在翻页以后仍能记录被选中的行

    1.先给出问题解决后的代码 <%@ page language="java" import="java.util.*" pageEncoding=&quo ...

  2. 【技巧】easyUI的datagrid,如何在翻页以后仍能记录被选中的行

    easyUI的datagrid在复选框多选时,如何在翻页以后仍能记录被选中的行: 注意datagrid中需要配置idField属性,一般为数据的主键

  3. 第二百二十二节,jQuery EasyUI,DataGrid(数据表格)组件

    jQuery EasyUI,DataGrid(数据表格)组件 学习要点: 1.加载方式 2.分页功能 本节课重点了解 EasyUI 中 DataGrid(数据表格)组件的使用方法,这个组件依赖于 Pa ...

  4. easyui的datagrid用js插入数据等编辑功能的实现

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. 按CTRL,SHIFT,ALT等键扩展easyui的datagrid多选实现

    //------------------------------------------------------------------------------- // 当然页面文件中还需要引入的文件 ...

  6. easyui的datagrid组件,如何设置点击某行不会高亮该行的方式

    easyui的datagrid组件,有些时候我们点击某行不想高亮显示,如何设置点击某行不会高亮该行的方式,有好几种方法可以实现,我举几个,可以根据你具体需求灵活应用: 1.修改easyui的css将高 ...

  7. MVC模式下的数据展示:EasyUI的datagrid

    我的数据库设计是一张老师表teacher,一张学生表student,一个教师对应多个学生,在学生一方建立外键; 还有一点想清楚,需要展示的数据是根据什么来的,是成功登陆的用户的id?还是直接展示所有的 ...

  8. easyUI中datagrid的使用

    easyUI中的datagrid数据表格经常被用到,结合项目中的使用情况,总结一下datagrid使用中需要注意的一些问题.使用datagrid展示数据,需要在html.css.js中都要编写代码,h ...

  9. EasyUI中datagrid的基本用法

    EasyUI中datagrid是最常用的一个控件了,现在整理一下datagrid的基本语法,先展示下页面效果吧,如下图

随机推荐

  1. java synchronized实现可见性对比volatile

    问题: 大家可以先看看这个问题,看看这个是否有问题呢? 那里有问题呢? public class ThreadSafeCache { int result; public int getResult( ...

  2. 问题 H: 小k的简单问题

    问题 H: 小k的简单问题 时间限制: 1 Sec  内存限制: 128 MB提交: 107  解决: 57[提交] [状态] [命题人:jsu_admin] 题目描述 地图上有n个村庄,小k每个月需 ...

  3. javascript中无法将string转化为json对象

    在一次项目之中,我要对请求的相应做一些处理,得到的响应差不多是这中格式'{total:1,result:[{"age":1}]}'.可以看到我拿到的这个相应和JSON的格式是非常相 ...

  4. idea 创建java web项目ssm-gradle

    环境准备:jdk1.8+tomcat8+idea+gradle 1.创建项目SSM 使用gradle创建项目,按照提示如下   image.png 输入项目名称,组名   image.png   im ...

  5. Python之路-pandas包的详解与使用

    什么是pandas pandas是一种Python数据分析的利器,是一个开源的数据分析包,最初是应用于金融数据分析工具而开发出来的,因此pandas为时间序列分析提供了很好的支持.pandas是PyD ...

  6. JavaScript实现生成指定范围随机数和一个包含不重复数的随机数组

    目前JavaScript里面还没有现成的方法可以实现这个简单地需求,我们就需要自己写代码了. 在js中有个函数:Math.random() 这个函数可以生成 [0,1) 的一个随机数. 我们的简单的改 ...

  7. FMC141-4路 250Msps/16bits ADC, FMC板卡

    FMC141-4路 250Msps/16bits ADC, FMC板卡 一.产品概述: 本板卡基于 FMC 标准板卡,实现 4 路 16-bit/250Msps ADC 功能.遵循 VITA 57 标 ...

  8. Sass @warn

    @warn 和 @debug 功能类似,用来帮助我们更好的调试 Sass.如: @mixin adjust-location($x, $y) { @if unitless($x) { @warn &q ...

  9. mysql 5.5和5.6版本关于timestamp not null类型字段关于null的处理

    Server version: 5.5.33-31.1-log Percona Server (GPL), Release rel31.1, Revision 566 mysql> CREATE ...

  10. Mybatis(三)MyBatis 注解方式的基本 用法

    在 MyBatis注解 SQL 中,最基本的就是@Select.@Insert.@Update 和@Delete 四种.