温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

EasyUI表单元素使用实例分析

发布时间:2022-03-01 10:25:48 来源:亿速云 阅读:129 作者:iii 栏目:开发技术

这篇文章主要介绍了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表单元素使用实例分析”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI