WAF2 设置分录字段显示隐藏
1 动态设置表单字段显隐
//下面的代码表示通过id(#position)设置“文本框”不可用
//第一个参数是 方法 ,第二个参数是属性或事件,第三个参数是对应的值
// 中间的 wafText 表示给文本框设值(常见的组件对应的方法见1.4)
waf("#position").wafText("option","disabled",true);
1.1 常用的方法有
option 获取组件的属性或者更改组件属性
getValue 获取组件的值,一般用在form组件中
setValue 设置组件的值,一般用在form组件中
disable 禁用组件
enable 启用组件
1.2 常用属性说明:
id 唯一标识符,不能重复
name 名称,form组件中绑定到对应的model属性
value 初始值,可接受el表达式
tagClass 样式类,对应HTML标签的class,需要写到css文件中,
style 样式,对应标准的html标签上的style
width 宽度
height 高度
readonly 只读
disabled 禁用
maxlength 输入最大字符数
tabindex tab顺序
hidden 隐藏
1.3 常用事件说明:
onchange 值改变事件,参数包括改变前和改变后值
onkeydown
onkeyup
// 设置事件
Waf("#id").wafPromptBox(“option”,“onchange”,function(){
…
})
1.4 常见的组件及方法
//文本框 wafText()
//文本区 wafTextarea()
//通用F7 wafPromptBox()
//下拉框 wafSelect()
//复选框 wafCheckbox()
//日期控件 wafDatePicker()
其他控件可查看waf2帮助文档
http://waf2.kingdee.com:6888/waf2help/webviews/webframework/ctrls/
2 动态设置分录显隐
document.getElementById("section1").style.display="none";
section1为分录(entry)的父元素
3 动态设置分录字段显隐
(因为这边的分录为表格,所以是设置表格列的显隐)
3.1 获取分录对象
// 获取分录,通过分录的元素ID entrys(是分录的元素ID,不是分录外面的ID)
var editGridDom = waf("#entrys");
3.2 选择
// 可以同时对多列进行操作(设置需要操作的列)(填写的是列的“绑定属性”)
var taxColumn = ["meetingResult","其他绑定属性"];
// 获取列配置
var editoptions = editGridDom.wafGrid("getColumnProp", taxColumn, "editoptions")
if(ui.checked ){
// showColumn(设置列显示)、设置列必录、设置列标题必录样式
editGridDom.wafGrid("showColumn", taxColumn);
editoptions.validateJson.rules = "required:true";
editGridDom.wafGrid("setColumnProp", taxColumn, "editoptions", editoptions);
document.getElementById("jqgh_entrys_meetingResult").setAttribute("class","required ui-jqgrid-thdiv");
}else{
// hideColumn(设置列隐藏)、设置列不必录、去除列标题必录样式
editGridDom.wafGrid("hideColumn", taxColumn);
editoptions.validateJson.rules = "required:false";
editGridDom.wafGrid("setColumnProp", taxColumn, "editoptions", editoptions);
document.getElementById("jqgh_entrys_meetingResult").setAttribute("class","ui-jqgrid-thdiv");
}
// "jqgh_entrys_meetingResult"这里是 "jqgh_" 加组件的元素ID,具体的值建议通过F12去查看
//设置分录列不可编辑
//entrys(分录的元素ID) lockColumn 表示冻结分录列, remarks 表示对应组件的绑定属性
waf("#entrys").wafGrid("lockColumn", "remarks");
分录组件
组件属性