【列表系列】通过列表的不同展示方式控制按钮的显隐

guoguo

一、实现效果
如图1，当该表单是弹出来的时候，选择数据的时候，显示该按钮，当该功能不是弹出来的时候，则该按钮隐藏。


二、实现思路
1、在列表渲染后写事件
2、通过表单是否弹出判断按钮显隐
三、具体操作
1、在列表渲染后afterrender写代码，在列表渲染的时候执行对应代码。如图2

2、分析上图代码。
1）获取该按钮
2）判断该功能是不是弹出来的，如果该功能是弹出来的，则self.up('window')里面是有值的，在前端，有值代表为true，空代表false。
3）当该功能是弹出来的时候，点击该按钮使该功能关闭。
4）如果该功能不是弹出来的，直接隐藏该按钮即可。
四、相关代码（可选）

1. function(self){
   
2.     var btn = self.getButton('gridGetTaskBtn');
   
3.     //弹出窗体，点击后关闭按钮
   
4.     if(self.up('window')){
   
5.         btn.on('click',function(){
   
6.             self.up('window').close();
   
7.         })
   
8.     //普通按钮，设置不受控，隐藏按钮
   
9.     }else{
   
10.         btn.noReadOnly = true;
    
11.         btn.hide();
    
12.     }
    
13. }

复制代码

五、总结（可选）
可以在列表渲染后根据该功能是否是外弹出的来判断该功能的按钮是否显示。
六、关键字

弹出功能，按钮隐藏，显隐控制