输入项值变更时,可能影响其他栏位的状态,如:显示/隐藏,可输入/禁用。

实现

通过书写代码,监听事件,实现动态隐藏。

本例文件位置:安装目录\YZSoft\demo\HideShow.js。

体验:应用模块->动态隐藏。

代码:

listeners: {

   scope: me,

   change: 'updateStatus'

}

updateStatus: function () {

   var me = this,

       fields = me.getFields(),

       newValue = fields.typeSelect.getValue();

   fields.datePicker[newValue == 'Annual' ? 'hide' : 'show'](); //年假-Annual 调休-Overtime

},


//加载表单数据后调用状态更新

$setFormData: function () {

   var me = this;

   me.callParent(arguments);

   me.updateStatus();

}

根据步骤隐藏

在控件属性中添加以下行:

hidden: config.formInfo.formdataset.Global.Rows[0].StepName != '开始'

根据字段读写属性隐藏

在控件属性中添加以下行:

hidden: !config.formInfo.formdataset.iDemoExpress.Columns.Amount.Readable

Created with the Personal Edition of HelpNDoc: Easy CHM and documentation editor