onexpandrow-jQuery EasyUI 中的treegrid实现子项和父项内容字段类型不同

问题描述

jQuery EasyUI 中的treegrid实现子项和父项内容字段类型不同
各位大神,如何用easyui中的treegrid来实现datagrid中点击展开,然后显示。显示的父项的字段类型和子项的数据类型不一样,如图所示:

datagrid有个onexpendrow时间可以实现,但是treegrid是属于懒加载,一次性加载完毕,就是怎么让下面的那一行,显示的跟上面的那一行不一样,这个用treegrid怎么实现

解决方案

你这个是detailview,不是treegrid吧。。在onExpandRow获取详细的容器,然后datagrid配置新的columns

    detailFormatter: function (index row) { return '<div id=""subDg' + index + '""><tr></div>'; }    onExpandRow: function (index row) {        var o = $('#subDg' + index);                //.....新建一个datagrid配置新的columns

解决方案二:
这个确实是datagrid的,不过现在已经用其他方法解决了,不过还是非常感谢你的 回答,我这边主要是用treegrid进行的,然后台数据处理的时候,
直接对数据按照指定格式封装成特定的json字符串,前台直接解析就可以了

时间: 2024-10-12 07:31:00

onexpandrow-jQuery EasyUI 中的treegrid实现子项和父项内容字段类型不同的相关文章

jQuery+easyui中的combobox实现下拉框特效

 这篇文章主要介绍了jQuery+easyui中的combobox实现下拉框特效的几种方法,非常简单实用,需要的朋友可以参考下     1.第一种写法:Input框中显示:   代码如下: <input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','t

jquery-关于JQuery easyui中numberbox鼠标点击事件问题?

问题描述 关于JQuery easyui中numberbox鼠标点击事件问题? 如标题 当我修改是鼠标点击文本框时 里面的数据就清空了 jsp <td class="form_label" id="setlable">总剧集数:</td> <td> <input type="text" id="collectionNumber" name="collectionNumber&

jquery easyui中的combobox问题

问题描述 jquery easyui中的combobox问题 使用了jquery easyui中的combobox 之后,select下拉框的默认值变成了&nbsp:而且弄不掉,请问这是什么愿意那 解决方案 你的代码发出来看下..你自己设置的内吧..还有easyUI版本是什么 解决方案二: 为什么在option加?有什么作用吗? 解决方案三: JQuery EasyUI comboboxjquery easyui comboboxeasyUI的Combobox问题

jQuery EasyUI中的日期控件DateBox修改方法_jquery

jQuery EasyUI中的日期控件DateBox很好用的,首先需要引入jquery文件,代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic DateBox - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/cs

jQuery EasyUI中DataGird动态生成列的方法_jquery

EasyUI中使用DataGird显示数据列表中,有时需要根据需要显示不同的列,例如,在权限管理中,不同的用户登录后只能查看自己权限范围内的列表字段,这就需要DataGird动态组合列,下面介绍EasyUI中DataGird动态生成列的方法. DataGird动态生成列,实际上就是控制DataGird的 columns 属性值,下面通过ajax异步调用后台columns的数据,进行绑定. <table id="dg"></table> <script>

jQuery使用after()方法在元素后面添加多项内容的方法

 这篇文章主要介绍了jQuery使用after()方法在元素后面添加多项内容的方法,实例分析了jQuery中after方法的功能及在元素后面添加内容的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery使用after()方法在元素后面添加多项内容的方法.分享给大家供大家参考.具体分析如下: jQuery可通过after()方法在元素后面添加多项内容,after()可以带多个参数,在指定元素后面添加多项内容 ? 1 2 3 4 5 6 7 8 9 10 11 12 13

jQuery使用after()方法在元素后面添加多项内容的方法_jquery

本文实例讲述了jQuery使用after()方法在元素后面添加多项内容的方法.分享给大家供大家参考.具体分析如下: jQuery可通过after()方法在元素后面添加多项内容,after()可以带多个参数,在指定元素后面添加多项内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> function af

浅析jQuery EasyUI中的tree使用指南_jquery

本文记录的是带领成员开发一个小模块功能的时候,需要用到弹出窗口加载树状级联单位选择,最后决定用采用jQuery+EasyUI插件进行开发.但是在使用EasyUI中tree的插件时,碰到了不少麻烦.为了提供弹出树的显示速度,就采用异步加载数节点值,首先先加载根节点,然后根据点击的节点展开加载子节点. 往往结果和预期的都不一样,困惑了几天,展开后子节点是动态加载了,但是收缩后无法清空之前填充的数据:第二次在展开时,子节点又被重复加载了一遍,造成了数据重复显示,并没有提供清除子节点的方法.想尽了各种办

jQuery+easyui中的combobox实现下拉框特效_jquery

1.第一种写法:Input框中显示: 复制代码 代码如下: <input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}]"/>  2. 第二种用法,在lis