EasyUI表單元素總結，easyui表單元素

EasyUI表單元素總結，easyui表單元素

一:easyui-textbox 文字框

定義：

<input id="<span style="font-size:18px;">inputName</span>" class="easyui-textbox"  type="text" />

取值： $('#inputName').textbox('getText');

賦值： $('#inputName').textbox('setText', ‘liang’);

二：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);

三：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);

四：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-9-12');

取值：

$('#nn').datebox('getValue'),

五：單選框

定義
<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()