列表Action按钮控制表单查看与编辑

案例效果

列表Action按钮控制表单：点击【查看】按钮进入时，表单是只读状态，点击【编辑】按钮时，表单是可编辑的状态

点击【查看】按钮进入的页面效果

点击【编辑】按钮进入的页面效果

实现思路

1. 编写【查看】按钮事件，在事件定义一个Grid属性并赋值：grid.lookForm = ‘search’ ；

2. 编写【编辑】按钮事件，在事件定义一个Grid属性并赋值：grid.lookForm = ‘nosearch’

3. 注册表单被激活事件，在事件中判断grid.lookForm的属性值，根据属性值进行判断表单是否可以编辑

操作步骤

1. 编写【查看】按钮事件，在事件中定义一个Grid属性并赋值：grid.lookForm = ‘search’ ；

2. 编写【编辑】按钮事件，在事件中定义一个Grid属性并赋值:grid.lookForm = ‘nosearch’；

3. 注册表单被激活事件，在事件中判断grid.lookForm的属性值，根据属性值进行判断表单是否可以编辑；

相关代码

编辑按钮事件

function(grid,model,rowIndex,colIndex){
  grid.getSelectionModel().select(model);
  grid.lookForm = 'noSerrch';
  JE.Action.doEdit(grid,model,grid.funcData.info);
}

查看按钮事件

function(grid,model,rowIndex,colIndex){
   grid.getSelectionModel().select(model);
   grid.lookForm = 'search';
   JE.Action.doEdit(grid,model,grid.funcData.info); 
}

表单被激活事件

function(form){
    var  grid = form.up("jeeditview").up("jecenterview").down("jegridview");
    if(grid.lookForm=='search'){
        form.setReadOnly(true);
    }
}

关键字，相关问题

• 表单编辑
• Action 按钮