EasyUI表單元素總結
來源：程序員人生 發布時間：2015-02-02 08:42:12 閱讀次數：5082次
1:easyui-textbox 文本框
定義：
<input id="<span style="font-size:18px;">inputName</span>" class="easyui-textbox" type="text" />
取值： $('#inputName').textbox('getText');
賦值： $('#inputName').textbox('setText', ‘liang’);
2：easyui-combobox 下拉框
定義：
<input id="<pre name="code" class="javascript">inputType
" class="easyui-combobox" data-options="required:true, panelHeight:60" />
初始化
$('#inputType').combobox(
{
data : getDictionaryDatas().Type,
valueField : 'value',
textField : 'label',
missingMessage : messageCreator(
ValidateMessage.msg_request_field, '類型')
});
取值：$('#inputType').combobox('getValue');
賦值：$('#inputType').combobox('setValue', 1);
3：easyui-numberspinner 數字
定義：
<input id="ss" class="easyui-numberspinner" style="width:80px;"
required="required" data-options="min:10,max:100,editable:false">
取值：
var v = $('#ss').numberspinner('getValue');
賦值：
$('#ss').numberspinner('setValue', 8234725);
4：datebox日期
定義：
<input type="text" name="nn" id="nn" class="easyui-datebox"
data-options="formatter:myDate.InitDateBox.formatter,parser:myDate.InitDateBox. parser" />
賦值：
$("#SC001_CERTIFICATEVALID").datebox('setValue', '2014⑼⑴2');
取值：
$('#nn').datebox('getValue'),
5：單選框
定義
<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()
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
