easy ui 给表单元素赋值input,combobox,numberbox

①给input控件 class="easyui-textbox"

<input class="easyui-textbox" data-options="required:true" type="text" id="RelCompanyName" name="RelCompanyName" style="width: 300px;" />
$("#RelCompanyName").attr('resize','140px');//设置宽度
$("#RelCompanyName").attr('readonly',false);//设置可读
$("#RelCompanyName").attr('readonly',true);//设置只读
var val = $("#RelCompanyName").textbox('getValue')//取值
$("#RelCompanyName").textbox('setValue','小丑公司')//赋值

②给select 控件 下拉框赋值
<select data-options="required:true" id="ShopType" name="ShopType" style="width: 200px;">
$('#ShopType').combobox('setValue', 2);//赋值
var v = $('#ShopType').combobox('getValue');//取值 id

var text_v = $('#ShopType').combobox('getText');//取值text

③给input控件 class="easyui-numberbox"
<input class="easyui-numberbox" maxlength="20" id="Age" name="Age" />
$('#Age').numberbox('setValue', 206.12);//赋值
var v = $('#Age').numberbox('getValue');//取值

④给input控件 class="easyui-datebox"
<input type="text" name="date" id="date" class="easyui-datebox" data-options="formatter:myDate.InitDateBox.formatter,parser:myDate.InitDateBox. parser" />
$("#date").datebox('setValue', '2014-9-12');//赋值
$('#date').datebox('getValue');//取值

⑤给input控件 class="easyui-numberspinner"
<input id="ss" class="easyui-numberspinner" style="width:80px;" required="required" data-options="min:10,max:100,editable:false">
$('#ss').numberspinner('setValue', 8234725);//赋值
var v = $('#ss').numberspinner('getValue');//取值

⑥单选按钮Radio <td height="30" colspan="5">
<input type="radio" name="APPLYDEPTTYPE" value="事业法人" checked="checked" />事业法人
<input type="radio" name="APPLYDEPTTYPE" value="企业法人" />企业法人
<input type="radio" name="APPLYDEPTTYPE" value="社团法人" />社团法人
<input type="radio" name="APPLYDEPTTYPE" value="其他" />其他
</td>
//赋值
var str = result.APPLYDEPTTYPE;
$("[value='" + str + "']").attr("checked", true);
//取值
$('input[name="APPLYDEPTTYPE"]:checked').val()

⑦多选框checkbox
<td height="60" colspan="5">&nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="水" />水 &nbsp&nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="空气" />空气 &nbsp&nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="土壤" />土壤</br>&nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="噪声" />噪声 &nbsp
<input type="checkbox" name="BUSINESSSCOPE" value="生物" />生物
</td>
赋值:
var str3 = result.BUSINESSSCOPE;
if (str3 != null) {
var strs = new Array();
strs = str3.split(",");
for (i = 0; i < strs.length; i++)
{ $("[value='" + strs[i] + "']").attr("checked", true) };
}
取值:
var isc = "";
$("input[name='BUSINESSSCOPE']:checked").each(function () { //遍历table里的全部checkbox
isc += $(this).val() + ","; //获取被选中的值
});

if (isc.length > 0) //如果获取到
isc = isc.substring(0, isc.length - 1); //把最后一个逗号去掉
string isc就是值

上一篇:JS轻松实现单击文本框弹出选择日期


下一篇:EasyUI 的日期控件单击文本框显示日历