easyui DataGrid View 每次只展开一行的详细内容

_On_The_Way_ 2014-05-23 04:05:47

点击新一行加号的同时关闭另一个一打开的行

...全文

448 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

牛奶瓜子壳 2015-07-28

打赏
举报

回复

这样打开后再收缩再打开就打开不了了

sulizhengsdo 2014-08-05

打赏
举报

回复

这个很简单的，可以这样


        onExpandRow: function (index, rowdata) {
            var ExpandRow = $("#ExpandRow").val();
            if (ExpandRow != '') {
                $("#tabdata").datagrid("collapseRow", ExpandRow);
            }
            $("#ExpandRow").val(index);
        }

$("#ExpandRow") 这个元素是隐藏域，你直接写个隐藏域，保存状态，然后去上一次的值，然后调用折叠方法就成，给分

名称类型描述默认值 columns（列） array（数组）数据表格列配置对象，查看列属性以获取更多细节。 null frozenColumns（固定列） array（数组）跟列属性一样，但是这些列固定在左边，不会滚动。 null fitColumns（自适应列宽） boolean（布尔型）设置为true将自动使列适应表格宽度以防止出现水平滚动。 false striped（显示条纹） boolean（布尔型）设置为true将交替显示行背景。 false method（方法） string（字符串）请求远程数据的方法类型。 post nowrap（截取） boolean（布尔型）设置为true，当数据长度超出列宽时将会自动截取。 true idField（id字段） string（字符串）表明该列是一个唯一列。 null url（超链接） string（字符串）一个用以从远程站点请求数据的超链接地址。 null loadMsg（载入时信息） string（字符串）当从远程站点载入数据时，显示的一条快捷信息。 Processing, please wait … pagination（分页） boolean（布尔型）设置true将在数据表格底部显示分页工具栏。 false rownumbers（行数） boolean（布尔型）设置为true将显示行数。 false singleSelect（单选模式） boolean（布尔型）设置为true将只允许选择一行。 false pageNumber（当前页码） number（数字）当设置分页属性时，初始化分页码。 1 pageSize（每页记录数） number（数字）当设置分页属性时，初始化每页记录数。 10 pageList（可选择的每页记录数） array 当设置分页属性时，初始化每页记录数列表。 [10,20,30,40,50] queryParams（查询参数） object（对象）当请求远程数据时，发送的额外参数。 {} sortName（默认排序） string（字符串）当数据表格初始化时以哪一列来排序。 null sortOrder（排序顺序） string（字符串）定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。 asc remoteSort（远程排序） boolean（布尔型）定义是否通过远程服务器对数据排序。 true showFooter（显示行底） boolean（布尔型）定义是否显示行底（如果是做统计表格，这里可以显示总计等）。 false rowStyler（行样式） function（函数）返回样式，如：'background:red'，function有2个参数： index：行索引，从0开始. row：对应于该行记录的对象。 loadFilter（载入过滤器） function（函数）返回用以显示的已过滤数据，function有一个参数'data'表示原始数据，你可以将原始数据改变为规范的数据格式，该函数必须返回包含 'total'和'rows'属性的标准数据对象。 editors（编辑模式） object（对象）定义当编辑一行时的编辑模式。 predefined editors view（视图） object（对象）定义数据表格的视图。 default view

1、实现行的上移、下移、说明： 1.1 通过datagrid生成的表格有固定的格式，比如，表格div的class名是datagrid-view。比如每一行tr都有id和datagrid-row-index属性等。 1.2 在上移和下移以后，我们将移动以后的两行的id和datagrid-row-index属性也必须互换，这样能保证datagrid-row-index=0的行肯定是页面显示的表格的第一行，=1的是第二行等等。将来保存的时候，就是通过取这个属性值找某一行的数据的。 function move(isUp) { var selections = $dg.datagrid('g

本文目的：使用easyUi的特殊常用实例，表格层次显示，一层套一层，显示详细数据，嵌套3层应该可以满足所有人的需求了吧。如果你想嵌套4层，有了嵌套3层的案例，4层，5层不是问题吧！！！本实例的特点： 1.当数据很多的时候，高度不能自动适应，会在表格右侧出现滚动条，想这样嵌套3层的后果，简直不忍直视，本实例高度自适应。 2.选中行后，不能清除选中效果，本实例是可以的。 3.当打开数据展示详情后，再关闭详情页后，不能高度自适应，本实例关闭表格依然自适应。 4.当数据太多，需要出现横向滚动，本实例已给出详细案例。首先一张图片，展示效果，是否和自己的预期一致。本实例的下载地址：http://

http://blog.csdn.net/yanghongchang_/article/details/7854156原著 datagrid 可以改变它的view(视图)去显示不同的效果.使用详细视图,datagrid可以显示展开按钮("+" 或者 "-")在数据行的左边,用户可以展开一个行去显示一个附加的详细信息. 查看 Demo 步骤 1: 创建 DataGrid [...

在easyui中展开DataGrid的行，显示明细数据 PHPAjaxjson框架Cache easyui中的DataGrid可以切换不同的视图，当使用detailview时，可以让用户展开行以显示该行的详细信息。行的明细信息可以通过AJAX的方式进行加载。使用detailview时，首先建立表格基本框架： Html代码

62,073

社区成员

669,028

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章