EasyUI DataGrid单选如何取消选中

EasyUI DataGrid在多选时,选中某行,可以取消;而在单选时,并不能取消选中某一行。

可以通过修改源码来完成。

在其源码中找到

opts.singleSelect==true

将代码做如下修改(参考版本是jQuery EasyUI 1.4.1)

修改前:

_5df(_5da,_5db);

修改后

if(tr.hasClass("datagrid-row-selected")){
    _5e0(_5da,_5db);
}else{
     _5df(_5da,_5db);
} 

注意:不同版本的EasyUI修改的类容会有所不同,但是一般前面是单选时候的操作,接下来就是多选是的操作。

修改后的EasyUI下载,点击这里。

时间: 2024-08-03 01:18:36

EasyUI DataGrid单选如何取消选中的相关文章

解决easyui datagrid单选时复选框不取消问题

1 var flag = true: //定义一个开关变量控制 2 $("#table").datagrid({ 3 pagination: true,//允许分页 4 rownumbers: true,//行号 5 singleSelect: false,//只选择一行 6 pageSize: 20,//每一页数据数量 7 width:"100%", 8 checkOnSelect: false, //此属性必须设置为 false10 pageList: [10,

easyui datagrid 单选框 效果

columns: [[{            field: 'oid',            title: '选择',            width: 20,            formatter: function(value, rowData, rowIndex){                return '<input type="radio" name="selectRadio" id="selectRadio"'

EasyUI带选择框的DataGrid实现点击行&quot;不选中或取消选中&quot;的解决方法。

1 var IsCheckFlag = true; //标示是否是勾选复选框选中行的,true - 是 , false - 否 2 $("#dg").datagrid({ 3 rownumbers:true, 4 url: 'LeadsData.ashx?o=list', 5 method:'get', 6 fit: true, 7 striped:true, 8 pagination: true, 9 fitColumns: true, 10 checkOnSelect: false

EasyUI带选择框的DataGrid实现点击行"不选中或取消选中"的解决方法

var IsCheckFlag = true; //标示是否是勾选复选框选中行的,true - 是 , false - 否  $("#dg").datagrid({      rownumbers:true,      url: 'LeadsData.ashx?o=list',      method:'get',      fit: true,      striped:true,      pagination: true,      fitColumns: true,     c

JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据

因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据,就可以在前台页面数据表格中,以一定形式显示数据库中的数据.此处,我们使用Struts2框架整合DataGrid,实现数据的显示. 一.页面内容 为了在页面中显示数据库中字段内容,需要定义一个table,通过EasyUI内部设计,自动显示数据,如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF

初识 easyui datagrid

首先应该下载好easyui datagrid所用的各种js 和css 这个可以到官网上去下载. 首先要引入datagrid所引入的js和css. <script src="js/jquery.min.js"></script><script src="js/jquery.easyui.min.js"></script><link rel="stylesheet" type="text

easyui datagrid属性和方法

本文可以当做api来使用 使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据. <table class="easyui-datagrid"> <thead> <tr> <th data-options="field:'code'">Code</th> <th data-options="field:'name'">Name&

(转)easyui datagrid 部分参数说明

easyui datagrid 部分参数 数据表格属性(DataGrid Properties) 属性继承控制面板,以下是数据表格独有的属性. 名称 类型 描述 默认值 columns array 数据表格列配置对象,查看列属性以获取更多细节. undefined frozenColumns array 跟列属性一样,但是这些列固定在左边,不会滚动. undefined fitColumns boolean 设置为true将自动使列适应表格宽度以防止出现水平滚动. false autoRowHe

jQuery EasyUI DataGrid API 中文文档

扩展自$.fn.panel.defaults,用 $.fn.datagrid.defaults重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 1.  <table id="tt"></table> 1.  $('#tt').datagrid({ 2.      url:'datagrid_data.json', 3.      columns:[[ 4.          {field:'co