EasyUI表單元素使用實例分析

這篇文章主要介紹了EasyUI表單元素使用實例分析的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇EasyUI表單元素使用實例分析文章都會有所收獲，下面我們一起來看看吧。

1.easyui-textbox 文本框

定義：

<input id="<span >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, '類型') });

3.easyui-numberspinner 數字

定義：

<input id="ss" class="easyui-numberspinner"  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()

關于“EasyUI表單元素使用實例分析”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“EasyUI表單元素使用實例分析”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。