Grid的扩展列能只展开第一行吗

o0micky

  如题，请教Grid在初始化的时候，能够只展开第一行，其他的行为折叠状态吗？
官方的Demo里是要么全展开，要么全折叠。。。否则只能鼠标点击后展开。。。。
  求解！谢谢

o0micky

搞定了 谢谢群里的小伙伴

sanshi

o0micky 发表于 2015-6-4 11:05
搞定了 谢谢群里的小伙伴

分享下解决方案，方便后来的小伙伴膜拜

o0micky

sanshi 发表于 2015-6-4 11:29
分享下解决方案，方便后来的小伙伴膜拜

回大神！
1 参考demo行扩展列(展开全部)的源代码
http://fineui.com/demo/#/demo/grid/grid_rowexpander_expandall.aspx
有一个封装的方法：

1. Grid1.ExpandRowExpanders();

复制代码

2 查看ExpandRowExpanders的源代码

1. public void ExpandRowExpanders()
   
2.         {
   
3.             _registerScriptRowExpanders = true;
   
4. 
   
5.             ExpandAllRowExpanders = true;
   
6.             //PageContext.RegisterStartupScript(String.Format("{0}.f_expandAllRows();", ScriptID));
   
7.         }

复制代码

3 Ctrl+F 查找JS代码f_expandAllRows() ，在extjs库里找到

1. // 展开所有的行扩展列
   
2.         f_expandAllRows: function () {
   
3.             var expander = this.getPlugin(this.id + '_rowexpander');
   
4.             if (expander) {
   
5.                 var store = this.getStore();
   
6.                 for (var i = 0, count = store.getCount() ; i < count; i++) {
   
7.                     var record = store.getAt(i);
   
8.                     if (!expander.recordsExpanded[record.internalId]) {
   
9.                         expander.toggleRow(i, record);
   
10.                     }
    
11.                 }
    
12.             }
    
13.         }

复制代码

4. 参照3的代码，使用行号只修改第一行。

1. <script type="text/javascript">
   
2. 
   
3.         var gridClientID = '<%=Grid1.ClientID %>';
   
4.         //展开一行
   
5.         function expandRow(id, num) {
   
6.             if (gridClientID == undefined) return;
   
7.             var grid = F(gridClientID);
   
8.             var store = grid.getStore();
   
9.             var expander = grid.getPlugin(gridClientID + '_rowexpander');
   
10.             var record = store.getAt(num);
    
11.             expander.toggleRow(num, record);
    
12.         }
    
13. 
    
14.         //页面第一个加载完毕后执行的函数
    
15.         F.ready(function () {
    
16.             expandRow(0, 0);
    
17.         });
    
18. 
    
19.     </script>

复制代码

sanshi

多谢，本帖已移到《经验分享区》，并恭喜你获得《代码贡献》勋章