隐藏列表界面上的不用的按钮的代码样例

最新推荐文章于 2023-06-02 20:32:28 发布

weixin_30326745

最新推荐文章于 2023-06-02 20:32:28 发布

阅读量106

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiaowoyaoshu/p/9904723.html

本文介绍了一个使用ExtJS框架进行列表视图操作的示例，包括如何通过代码隐藏列表视图中的特定按钮，如入库、出库等，并展示了如何通过弹出窗口进行数据输入，以及使用Ajax进行后台数据交互的过程。

 



var sButton = win.down('button[text=入库]');   // 查找保存按钮
    if(sButton)  // 如果找到了保存按钮
        sButton.setVisible(false);  // 将保存按钮设为隐藏不显示


//代码样例的位置如下所示


function(button, e)
{
    debugger; // 中断调试指令，可以手动删除它

    var me = this;                          // this 为列表视图控制器
    var viewModel = this.getViewModel();    // 获取视图模型
    var grid = this.getView();              // 获取到列表视图
    var records = grid.getSelectionModel().getSelection();  // 获取到选中的记录数组
    var record=records[0];                  // 如果是单选模式则获取到第1条选中的行记录
    //var dictName = record.get('Name');              // 获取选中行记录的UserName字段的值
    var win = Ext.create('Ext.window.Window', {
        title: '选择食品经营者',
        height: '60%',   // 窗体高。示例为按父grid高的比例，也可直接指定数字作为高度，单位为：px
        width: '60%',    // 窗体宽。示例为按父grid宽的比例，也可直接指定数字作为宽度，单位为：px
        closable: true,
        layout: 'fit',
        items: [{ 
            xtype: util.getCodeGenerate1ClassName('入库管理','list'),
            title: null,
            store:{
                type: util.getCodeGenerate1ClassName('入库管理','store'),
                httpGetRequestExParams: { 
                    QueryCondition: {
                        }
                   
                    }
                        },
            listeners:{
                        select: function(grid, TanChuang, index, eOpts )
                        {
                                Add(TanChuang);
                        
                        }
            }
        }]
    });
    grid.add(win);
    win.showBy(grid);
    
      var sButton = win.down('button[text=入库]');   // 查找保存按钮
    if(sButton)  // 如果找到了保存按钮
        sButton.setVisible(false);  // 将保存按钮设为隐藏不显示
    var sButton = win.down('button[text=查看]');   // 查找保存按钮
    if(sButton)  // 如果找到了保存按钮
        sButton.setVisible(false);  // 将保存按钮设为隐藏不显示
    var sButton = win.down('button[text=出库]');   // 查找保存按钮
    if(sButton)  // 如果找到了保存按钮
        sButton.setVisible(false);  // 将保存按钮设为隐藏不显示
    var sButton = win.down('button[text=库管员]');   // 查找保存按钮
    if(sButton)  // 如果找到了保存按钮
        sButton.setVisible(false);  // 将保存按钮设为隐藏不显示
    var sButton = win.down('button[text=检查人]');   // 查找保存按钮
    if(sButton)  // 如果找到了保存按钮
        sButton.setVisible(false);  // 将保存按钮设为隐藏不显示
   
     function Add(TanChuang) 
    {        
      debugger; // 中断调试指令，可以手动删除它
        Ext.MessageBox.prompt('输入框', '请输入出库数量', function(btn, txt){
            if (btn == 'ok'){
                var params = {
                    ChuKuShuLiang: txt,
                    RuKuID:TanChuang.data.ID,
                    isShuLiang:1
                };
                ajax.get('/Pc/ChuKuGuanLi/List',params).then(function(response, opts) {
                    if (response.Success) {
                        showListWindow();
                    } 
                });
            }
        },this,false);

    }
    
    
    
    }