List组件嵌套只展开一个从表数据

丿天涯

List组件嵌套  能否每次点击主表 只显示一个从表的数据，例如我点击序号4，的数据，把原来序号3下面展开的数据收起来

jishuang

创建listTable是默展开勾选去掉



在主data上定义一个计算关系，如名字是rowVisible
在listTable生成的节点中找有hide样式的tr,bind-visible上设置val("rowVisible")=='true'
并且自定义一个属性bind-attr-title='ref("AP_ZB")'，AP_ZB是主data关联的概念

可以自定义一个class如下：

1. .rowVisible{}

复制代码

在listTable生成的节点中找有info样式的tr,重新bind-click事件，如下：

1.         Model.prototype.tr2Click = function(event) {
   
2.                 var $oldRow = $(this.getElementByXid("listTable1")).find(".rowVisible");               
   
3.                 var $e = $(event.currentTarget);               
   
4.                 if($oldRow.length>0){
   
5.                         for(var i = 0;i<$oldRow.length;i++){
   
6.                                 if($oldRow[i].title !=$e.next()[0].title && !$oldRow.hasClass("hide")){
   
7.                                         $oldRow.removeClass("rowVisible");
   
8.                                         $oldRow.addClass('hide');
   
9.                                 }
   
10.                         }
    
11.                 }                       
    
12.                 $('>td>i.x-expand-i', $e).toggleClass('');
    
13.                 $e.next().toggleClass('hide');
    
14.                 $e.next().addClass("rowVisible");
    
15.                 var data = this.comp("bizData1");
    
16.                 var row = event.bindingContext.$object;
    
17.                 var rowID = event.bindingContext.$object.getID();
    
18.                 if(!$e.next().hasClass('hide')) {
    
19.                         data.each(function(param) {
    
20.                                 if (param.row.getID() == rowID) {
    
21. 
    
22.                                         param.row.val("rowVisible", "true");
    
23.                                 } else
    
24.                                         param.row.val("rowVisible", "false");
    
25.                                        
    
26.                         })
    
27.                 }
    
28.         };

复制代码

丿天涯

jishuang 发表于 2017-11-29 13:51
创建listTable是默展开勾选去掉

很好！很赞！功能已经按照代码实现  可以结帖了  谢谢