EasyUI 表单赋值 前言 textbox 文本框赋值 combobox 组合框赋值 datebox 日期框赋值 Datetimebox 日期时间框 radiobutton 单选赋值 numberbox 数字框赋值 Validatebox 验证框赋值 passwordbox 密码框赋值

EasyUI 表单赋值
前言
textbox 文本框赋值
combobox 组合框赋值
datebox 日期框赋值
Datetimebox 日期时间框
radiobutton 单选赋值
numberbox 数字框赋值
Validatebox 验证框赋值
passwordbox 密码框赋值

使用easyui进行功能的开发,经常会用到表单,以下对表单赋值进行总结。

textbox 文本框赋值

代码如下:

//文本框
<input type="text" class="easyui-textbox" name="txt1"  />
//给文本框赋值
$("#txt1").textbox('setValue', '我是文本框');

combobox 组合框赋值

代码如下:

//下拉框
<select class="easyui-combobox" data-options="editable:false,panelHeight:'auto',130" name="com1"  ></select>
//给下拉框赋值
$("#com1").combobox('setValue', '下拉框值1');

datebox 日期框赋值

代码如下:

//日期框
<input type="text" class="easyui-datebox" name="datebox1" />
//给日期框赋值
$("#datebox1").datebox('setValue', '时间');

Datetimebox 日期时间框

代码如下:

//日期时间框
<input type="text" class="easyui-datetimebox" name="datetimebox1" />
//给日期文本框赋值
 $('#datetimebox1').datetimebox({
  value: '时间值',
  showSeconds: false //定义是否显示秒的信息
});

radiobutton 单选赋值

代码如下:

//单选
<label for="sfbt" class="lab">是否必填:</label>
<input type="radio" class="easyui-validatebox" name="sfbt"  value="是" /><label>是</label>
<input type="radio" class="easyui-validatebox" name="sfbt"  value="否" /><label>否</label>
//給单选赋值
if (rows[0].isrequired == true) {
  $("input[name='sfbt'][value='是']").prop("checked", true);
} else {
  $("input[name='sfbt'][value='否']").prop("checked", true);
}

numberbox 数字框赋值

代码如下:

//数字框
<input type="text" class="easyui-numberbox ins" name="zs" />
//给数字框赋值
$("#zs").numberbox('setValue', 1);

min:0 --最小值
precision:0 --需要显示的小数位

Validatebox 验证框赋值

代码如下:

//验证框
<input >
//验证框赋值
$("#validatebox1").validatebox('setValue', '123456@qq.com');

passwordbox 密码框赋值

代码如下:

//密码框
<input  />
//密码框赋值
$("#passwordbox1").passwordbox('setValue', '123456');