页面组件介绍

一、普通文本框

<input type="text" id="demo"/>

DWRUtil.getValue("demo");//取值

DWRUtil.setValue("demo",xxx);//赋值

二、数字框

<input type="text" id="demo" class="numform">

DWRUtil.getValue("demo");//取值

DWRUtil.setValue("demo",xxx);//赋值

三、金额框

<input type="text" id="demo" class="rmbform">

DWRUtil.getValue("demo");//取值

DWRUtil.setValue("demo",xxx);//赋值

四、日期框

<input type="text" readonly="readonly" id="demo" class="Wdate" onClick="WdatePicker()">

DWRUtil.getValue("demo");//取值

DWRUtil.setValue("demo",xxx);//赋值

日期框用的是My97 DatePicker插件，具体使用方式请查看官方网站：http://www.my97.net/

五、下拉框select

<select id="demo"><%=UtilTool.getWorkareaOptions(this.getServletContext(),request,null) %></select> //从其他数据表获得数据

<select id="demo"><%=UtilTool.getSelectOptions(this.getServletContext(),request,null,"02") %></select> //从业务字典表获得数据

<select id="demo"><%=UtilTool.getSelectOptionsByEnum(EnumUtil.CONTRACT_STATUS.getSelectAndText("")) %></select>//从枚举定义中获得数据

DWRUtil.getValue("demo");//取值

setSelectValue("demo",xxx);//赋值

六、单选框radio

<%=UtilTool.getRadioOptionsByEnum(EnumUtil.HRM_EMPLOYEE_SEX.getSelectAndText(""),"demo")%>//从枚举定义中获得数据

getRadioValueByName("demo");//取值

setRadioValueByName("demo",xxx);//赋值

七、多选框checkbox

<%=UtilTool.getCheckboxOptions(this.getServletContext(),request,null,"06","demo") %> //从业务字典表获得数据

<%=UtilTool.getCheckboxOptionsByEnum(EnumUtil.OA_PERSONAL_LEAVE_TYPE.getSelectAndText(""),"demo") %>//从枚举定义中获得数据

getCheckboxValueByName("demo");//取值

setCheckboxValueByName("demo",value);//赋值

八、弹出单选框

<input type="text" class="takeform" id="demo"  readonly="readonly" linkclear="clearid" title="点击选择部门" onclick="getupcode();">

<input type="hidden" id="clearid">

DWRUtil.getValue("demo");//取值

DWRUtil.setValue("demo",xxx);//赋值

九、弹出多选框

<textarea id="demo" linkclear="clearid" title="点击选择人员" readonly="readonly" onclick="getemployee();"></textarea>

<input type="hidden" id="clearid">

DWRUtil.getValue("demo");//取值

DWRUtil.setValue("demo",xxx);//赋值

十、文本域

<textarea id="demo"></textarea>

DWRUtil.getValue("demo");//取值

DWRUtil.setValue("demo",xxx);//赋值

十一、FCK富文本

<FCK:editor instanceName="demo" width="90%" height="250"></FCK:editor> //Jsp标签定义FCK

window.onload = function(){

fck = FCKeditorAPI.GetInstance("demo"); //在Js onload方法中初始化

}

fck.GetXHTML();//取值

fck.SetHTML(xxx);//赋值

十二、上传图片组件

<file:imgupload width="120" acceptTextId="demo" height="135" edit="<%=isedit %>"></file:imgupload>

DWRUtil.getValue("demo");//取值后需要传入后台继续处理

dwrCommonService.getImageInfoListToString(xxx,function(data){Sys.setFilevalue("demo",data);});//调用dwr方法并回调赋值

十三、上传附件组件

<file:multifileupload width="90%" acceptTextId="demo" height="100" saveType="file" edit="<%=isedit%>"></file:multifileupload>

DWRUtil.getValue("demo");//取值后需要传入后台继续处理

dwrCommonService.getAttachmentInfoListToString(xxx,function(data){Sys.setFilevalue("demo",data);});//调用dwr方法并回调赋值

BAMS简单定义了十三种常用组件，学习起来非常简单。现有功能中也有大量的实例可以参考，开发起来应该是很顺畅的。

如果觉得DWRUtil的getValue、setValue麻烦，你也可以用jQuery来取值、赋值，例如 $("#demo").val()、$("#demo").val(xxx)