easyui数据行禁止选中

本文介绍如何使用jQuery EasyUI插件中的数据表格组件(datagrid),详细配置包括分页、排序、列定义等功能,并展示了如何根据特定条件禁用表格中的选择功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文 : http://blog.youkuaiyun.com/fwk1010/article/details/51970991

  1. jQuery(function($) {  
  2.   
  3.         $('#dataTable').datagrid({  
  4.   
  5.             //title:'菜单列表', //标题    
  6.             method : 'post',  
  7.             iconCls : 'icon-edit', //图标    
  8.             singleSelect : false, //多选    
  9.             width : 'auto',  
  10.             height : inHeight, //高度    
  11.             fitColumns : true, //自动调整各列,用了这个属性,下面各列的宽度值就只是一个比例。    
  12.             striped : true, //奇偶行颜色不同    
  13.             // collapsible:true,//可折叠    
  14.             url : "xxx.html", //数据来源    
  15.             sortName : 'id', //默认排序的列    
  16.             sortOrder : 'desc', //倒序    
  17.             remoteSort : true, //服务器端排序    
  18.             pageSize : 20,  
  19.             idField : 'id', //主键字段    
  20.             queryParams : {}, //查询条件    
  21.             pagination : true, //显示分页    
  22.             rownumbers : true, //显示行号    
  23.             columns : [ [ {  
  24.                 field : 'ck',  
  25.                 checkbox : true,  
  26.                 width : 2  
  27.             }, //显示复选框   
  28.             {  
  29.                 field : 'id', //若sortable为true则可以作为排序字段,请与数据库字段保持一致  
  30.                 title : 'id',  
  31.                 width : 20,  
  32.                 sortable : true,  
  33.                 formatter : function(value, row, index) {  
  34.                     return row.id;  
  35.                 }  
  36.             }, {  
  37.                 field : 'start_time',  
  38.                 title : '开始时间',  
  39.                 width : 20,  
  40.                 sortable : true,  
  41.                 formatter : function(value, row, index) {  
  42.                     return row.startTime;  
  43.                 }  
  44.   
  45.             }, {  
  46.                 field : 'end_time',  
  47.                 title : '结束',  
  48.                 width : 20,  
  49.                 sortable : true,  
  50.                 formatter : function(value, row, index) {  
  51.                     return row.endTime;  
  52.                 }  
  53.   
  54.             }  
  55.   
  56.             ] ],  
  57.             toolbar : [ {  
  58.                 text : '添加',  
  59.                 iconCls : 'icon-add',  
  60.                 handler : function() {  
  61.                     addrow();  
  62.                 }  
  63.             }, '-' ],  
  64.             onLoadSuccess : function(data) {  
  65.                 $('#dataTable').datagrid('clearSelections'); //一定要加上这一句,要不然datagrid会记住之前的选择状态,删除时会出问题    
  66.                 //遍历结果  
  67.                 for ( var i = 0; i < data.rows.length; i++) {  
  68.                     //根据status值使复选框 不可用  
  69.                     if (data.rows[i].status == "1") {  
  70.                         $("input[type='checkbox']")[i + 1].disabled = true;  
  71.                     }  
  72.   
  73.                 }  
  74.             },  
  75.             onClickRow : function(rowIndex, rowData) {  
  76.                 //根据status值 单击单选行不可用  
  77.                 if (rowData.status == "1") {  
  78.                     $('#dataTable').datagrid('unselectRow', rowIndex);  
  79.   
  80.                 } else {  
  81.                     addrow();  
  82.                 }  
  83.             },  
  84.             onDblClickRow : function(rowIndex, rowData) {  
  85.                 //根据status值 双击单选行不可用  
  86.                 if (rowData.status == "1") {  
  87.                     $('#dataTable').datagrid('unselectRow', rowIndex);  
  88.                 } else {  
  89.                     addrow();  
  90.                 }  
  91.   
  92.             },  
  93.             onSelectAll : function(rows) {  
  94.                 //根据status值  全选时某些行不选中  
  95.                 $.each(rows, function(i, n) {  
  96.                     if (n.status == "1") {  
  97.                         $('#dataTable').datagrid('unselectRow', i);  
  98.                     }  
  99.                 });  
  100.             }  
  101.   
  102.         });  
  103.         var p = $('#dataTable').datagrid('getPager');  
  104.         $(p).pagination({  
  105.             pageSize : 20,//每页显示的记录条数,默认为10    
  106.             pageList : [ 10, 15, 20, 25, 30, 50 ],//可以设置每页记录条数的列表    
  107.             beforePageText : '第',//页数文本框前显示的汉字    
  108.             afterPageText : '页    共 {pages} 页',  
  109.             displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录'  
  110.         });  
  111.     });  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值