easyui-textbox 和 easyui-validatebox 设置值和获取值

简介: easyui-textbox 和 easyui-validatebox 设置值和获取值

表单作如下定义:该input使用easyui的"easyui-textbox"

<input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="snumber" data-options="required:true, missingMessage:'请输入学号'" />

设置值的方式:

//使用表单选择器:代码似乎是有异常的
//$("input[name='snumber']").textbox('setValue', "22012");
//使用表单选择器:代码没有异常 但不能为input设置值
//$("input[name='snumber']").val("22012");
//使用id选择器:不能设置值
//$("#addSnumber").val("22012");
//使用id选择器:可以设置值
$("#addSnumber").textbox('setValue', "22012");
//使用id选择器和setText:可以设置值
$("#addSnumber").textbox('setText', "22012");

所以:为text-box设置值只能使用id选择器选择表单元素,然后使用textbox(“setValue”, value); 的方式设置值;

获取值也是如此:

var snumber = $("#addSnumber").textbox('getValue');

easyui-validatebox的设置值或获取值的方式又有点不一样

表单作如下定义:

<input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-validatebox" type="text" name="snumber" data-options="required:true, missingMessage:'请输入学号'" />

获取值的方式:

//这种方式是可以设置值的
//$("#addSnumber").val("22015");
//可以设置值
//$("input[name=snumber]").val("22015");
//不能设置值,且语法不对有异常
//$("input[name=snumber]").textbox("setValue", "22015");
//不能设置值,且语法不对有异常
//$("input[name=snumber]").textbox("setText", "22015");
//不能设置值,且语法不对有异常
//$("#addSnumber").textbox("setvalue", "22015");

所以:validatebox只能用$().val()方式设置和获取值,选择器既可以用id选择器,也可以用表单选择器

总结:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样

  为text-box设置值只能使用id选择器选择表单元素,只能使用textbox(“setValue”, value) 或 textbox(“seText”, value) 的方式设置值,使用textbox(“getValue”) 或textbox(“getText”) 获取值;

  为validatebox设置值可以使用id选择器和表单选择器,只能使用val()获取值和设置值。


相关文章
|
JSON JavaScript Unix
多种方式解决EasyUI—DataGrid中DateTime的格式化问题
多种方式解决EasyUI—DataGrid中DateTime的格式化问题
591 0
多种方式解决EasyUI—DataGrid中DateTime的格式化问题
|
JavaScript 前端开发
JS之url进行编码和解码(三种方式)
JS之url进行编码和解码(三种方式)
19552 2
|
7月前
|
JavaScript 前端开发
TypeScript 定义同步方法
本文详细介绍了在TypeScript中定义同步方法的多种方式,包括使用类、接口、泛型和复杂的数据操作示例。通过理解这些方法,你可以在实际项目中有效地组织和管理你的代码,提高代码的可读性和维护性。
121 19
|
中间件 API
Next.js 实战 (八):使用 Lodash 打包构建产生的“坑”?
这篇文章介绍了作者在使用Nextjs15进行项目开发时遇到的部署问题。在部署过程中,作者遇到了打包构建时的一系列报错,报错内容涉及动态代码评估在Edge运行时不被允许等问题。经过一天的尝试和调整,作者最终删除了lodash-es库,并将radash的部分源码复制到本地,解决了打包报错的问题。文章最后提供了项目的线上预览地址,并欢迎读者留言讨论更好的解决方案。
231 0
Next.js 实战 (八):使用 Lodash 打包构建产生的“坑”?
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
566 0
|
12月前
|
缓存 C# 文件存储
C# 本地文件存储技术
C# 本地文件存储技术
182 0
|
大数据 API 数据库
进行实名认证的必要性,实名认证使用很简单(附教程)
网络平台通过大数据技术进行实名认证以验证用户身份的真实性。常用方法包括身份证、手机号和银行卡信息的核验,如身份证实名认证、公安人脸实名认证、手机三要素及二要素实名认证、以及银行卡要素验证等接口。实名认证广泛应用于游戏、电商、招聘、金融和安保等领域。为调试接口,推荐使用Postman工具,可通过简单的配置测试接口有效性,并导出所需语言的代码样例。具体步骤包括:设置Header中的Authorization字段,并按需配置body参数,最后导出代码以便直接使用。
|
存储 缓存 JavaScript
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
|
SQL 存储 调度
|
JavaScript 前端开发 API
揭秘Vue.js与JavaScript融合的神秘力量:如何一键解锁高效响应式Web应用的终极秘籍?
【8月更文挑战第30天】随着前端技术的发展,Vue.js凭借其轻量级、易上手和高度响应式的特性,在前端开发领域迅速崛起,成为构建现代Web应用的首选框架之一。Vue.js与JavaScript深度融合,使开发者能高效灵活地打造美观且功能强大的应用。本文将作为实战指南,带您深入了解Vue.js与JavaScript结合的奥秘,揭示构建高效响应式Web应用的秘籍。从Vue.js的基础开始,逐步介绍如何利用其数据驱动视图的特点,结合JavaScript的高级特性,如定时器、Promise、async/await等,提升应用的交互性和用户体验。
179 0