WAF2 设置分录字段显示隐藏

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");

 

 

分录组件

组件属性