代码:

function local(role,region,ip){$("#roleList").datagrid({
//        title:'服务器监控列表',height:($(window).height())-35,iconCls : 'icon-ok',width:"100%",pageSize : 15,//默认选择的分页是每页5行数据pageList : [ 15,50,100,150 ],//可以选择的分页集合nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取striped : true,//设置为true将交替显示行背景。collapsible : true,//显示可折叠按钮toolbar:"#tb",//在添加 增添、删除、修改操作的按钮要用到这个url:'report/getAlarmSystem.action',//url调用Action方法loadMsg : '数据装载中......',singleSelect:true,//为true时只能选择单行fitColumns:true,//允许表格自动缩放,以适应父容器//sortName : 'xh',//当数据表格初始化时以哪一列来排序//sortOrder : 'desc',//定义排序顺序,可以是'asc'或者'desc'(正序或者倒序)。remoteSort : false, pagination : true,//分页rownumbers : true,//行数queryParams:{'role_id':role,'region':region,'ip':ip},onLoad:function(index,row){$('#roleList').datagrid('fixDetailRowHeight',index);$('#roleList').datagrid('selectRow',index);$('#roleList').datagrid('getRowDetail',index).find('form').form('load',row);$('#roleList').datagrid('fixDetailRowHeight',index);$('#roleList').datagrid('fixRowHeight', index);  },onLoadSuccess:function(index,row){var s = $("#roleList").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;});$(".datagrid-row td div").each(function(){$(this).attr("title",$(this).text());});setTimeout(function(){$('#roleList').datagrid('fixRowHeight',index);$('#roleList').datagrid('fixDetailRowHeight',index); },0)},onResize:function(index,row){//严重注意喔 $('#roleList').datagrid('fixDetailRowHeight',index); }, rowStyler:function(index,row){if (row.mstatus=='2'){return 'background-color:#FF6347;';//红色}else if(row.mstatus=='1'){return 'background-color:#FFF68F;';//黄色}else if(row.mstatus=='0'){return 'background-color:#98FB98;';//绿色
                }},view: detailview, detailFormatter:function(index,row){//严重注意喔 return '<div"><table id="ddv-' + index + '" ></table></div>'; }, onExpandRow: function(index,row){//嵌套第一层,严重注意喔 var ddv = $(this).datagrid('getRowDetail',index).find('#ddv-'+index);//严重注意喔
          ddv.datagrid({
//               view: detailview, url:'report/getSystemMonitor.action', autoRowHeight:true, fitColumns:true,//改变横向滚动条 singleSelect:true,//为true时只能选择单行rownumbers:true, loadMsg:'', queryParams:{'ip':row.ip},//   height:'auto',
               columns:[[ {field:'XXX',title:'XXX',width:80,align:'center',}, {field:'XXX',title:'XXX',width:100,align:'center',}, {field:'XXX',title:'XXX',width:200,align:'center',}, {field:'XXX',title:'XXX',width:50,formatter:setAlarm,align:'center',}, {field:'XXX',title:'XXX',width:150,align:'center',}, {field:'XXX',title:'XXX',width:100,align:'center',} ]],onLoad:function(){$('#roleList').datagrid('fixDetailRowHeight',index);$('#roleList').datagrid('selectRow',index);$('#roleList').datagrid('getRowDetail',index).find('form').form('load',row);$('#roleList').datagrid('fixDetailRowHeight',index);$('#roleList').datagrid('fixRowHeight', index);  },onResize:function(){$('#roleList').datagrid('fixDetailRowHeight',index);},rowStyler:function(index1,row1){if (row1.alarm_level=='2'){return 'background-color:#FF6347;';}else if(row1.alarm_level=='1'){return 'background-color:#FFF68F;';//黄色}else if(row1.alarm_level=='0'){return 'background-color:#98FB98;';}},onLoadSuccess:function(){var s = ddv.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;});$(".datagrid-row td div").each(function(){$(this).attr("title",$(this).text());});setTimeout(function(){$('#roleList').datagrid('fixDetailRowHeight',index);$('#roleList').datagrid('fixRowHeight',index);//防止出现滑动条 },0);},onDblClickRow:function(rowIndex,rowData){if(rowData.alarm_value != null && rowData.alarm_value.trim() != ""){$.messager.alert("信息", rowData.alarm_value.replace(new RegExp(';','g'),"<br/>"));}}});}});
}

转载于:https://www.cnblogs.com/raitorei/p/10038317.html

easyui datagrid 表格不让选中(双层嵌套)相关推荐

  1. easyUI -datagrid表格数据不显示

    出现easyUI -datagrid表格数据无法显示这种情况的可能原因有多方面的,可能是因情况而异吧,现在说一下日常做项目中我遇到过的这几个方面(原因二是我遇到过的,在网上看到也是常有的) 前提: 在 ...

  2. easyui datagrid表格头部鼠标右键进行列隐藏和展示

    1.实现datagrid自定义初始化onHeaderContextMenu方法 新增文件jquery.easyui.datagrid.column.js // 动态改变列头.var cmenu;fun ...

  3. easyui datagrid 表格 属性和方法

    使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据. <table class="easyui-datagrid"> ...

  4. easyui datagrid 表格动态隐藏部分列的展示

    1.一套代码中,可能不同的项目情况都在用,但是可能不同的项目要求展示的datagrid列的内容并不一致,所以能够动态的显示部分datagrid列的内容. 即datagrid的中的某一列,这个项目要求显 ...

  5. easyui datagrid 表格组件列属性formatter和styler使用方法

     明确单元格DOM结构 要想弄清楚formatter和styler属性是怎么工作的,首先要弄清楚datagrid组件内容单元格的DOM接口,注意,这里指的是内容单元格,不包括标题单元格,标题单元格 ...

  6. easyui datagrid 浏览器像素及改变表、列宽问题

    转载以下文章时我还没有很深的研究easyui,现在回过头来看看,有点弱,如今easyui的1.3.1版本都出来了,下面的东西可以使用"fit:true"属性来解决 ======== ...

  7. easyui中datagrid表格如何正确显示和隐藏

    最近遇到了一个问题,是关于easyui数据表格的显示和隐藏的,一般显示元素可以通过dispaly:block(或show())和display:none (hide())控制显示隐藏的 但是这个eas ...

  8. easyui 表头合并_JQuery EasyUI DataGrid动态合并(标题)单元) 一

    JS: /** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList 要合并的列,用逗号分隔(例如:&q ...

  9. easyui php分页,easyui datagrid分页 4、easyUI-七种布局(layout)

    1.为网页创建边框布局 边框布局(border layout)提供五个区域:east.west.north.south.center.以下是一些通常用法: north 区域可以用来显示网站的标语. s ...

  10. easyUI折叠表格-默认展开操作-去除扩展符号(+)-清除滚轮--实例加效果图

    本篇文章主要解决了一下几个问题: 1.datagrid detailview 的使用 ,之前做了一个4层的,可以查看链接:easyUI折叠表格层次显示detailview详解及实例 2.datagri ...

最新文章

  1. 设计模式之“代理模式”
  2. 大工计算机基础在线3,大工16秋《计算机应用基础》在线测试3-满分100分.pdf
  3. 苹果手机home键在哪里_苹果手机为什么没有返回键?原来隐藏着更好的方法,涨知识了...
  4. python精要(73)-turtle(3)
  5. http 状态码 504 502
  6. hbase原理与实践_JAVA连接HBase客户端及HBase写入数据和读取数据原理解析
  7. jcmd jmap应用:一个String经典笔试题的验证
  8. android 转屏 多个实例,android – 处理appwidget的多个实例
  9. 随想录(用好红黑树)
  10. win10samba服务器配置_win10访问samba配置共享目录,踩坑记
  11. 移动端手势的七个事件库
  12. SqlParameter类中的两对好基友:SqlDbType与DbType、SqlValue与Value
  13. cad2017插入电气符号_电气电气CAD图形符号大全.pdf
  14. 搜索及代码在GitHub上查重小技巧
  15. 极客兔兔 TensorFlow入门教程
  16. 【CUDA基础练习】向量内积计算的若干种方法
  17. SCM供应链系统有什么价值?
  18. git did not exit cleanly
  19. linux怎么生成sct文件,sct文件扩展名,sct文件怎么打开?
  20. SAP ABAP性能优化 - 调优工具 SM50 | ST05 | SAT

热门文章

  1. 非递归中序遍历---算法导论12.1-3
  2. 2021-08-04 模糊查询
  3. php序列化后换服务器不能解析,利用php序列化和反序列化的语法差异绕过防护_网站服务器运行维护...
  4. 【Django 2021年最新版教程8】操作Mysql数据库 mysqlclient安装和使用
  5. kubernetes视频教程笔记 (27)-集群调度-污点和容忍
  6. 桂电管理科学可以转计算机,去年调到桂电计算机的感言,希望对各研友有帮助...
  7. spring 自定义注解及使用
  8. Android 表单之 TextView(文本框)详解
  9. 阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_16-CMS前端工程创建-导入系统管理前端工程...
  10. 阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_06-vuejs研究-vuejs基础-v-on指令...