记一次jQuery EasyUI使用-Easyui combobox的使用方法

2023-11-13

开局附上最最最有用的官方文档。

划重点⚠️:easyui使用手册

进入正题--------------------------------------------------------------------------------------------------------------------------------------------------------------

现象:

有这样一段代码,浏览器请求getSystemSignList方法有返回数据并且严格符合easyui的应答规范--一个json格式的list对象。

<tr>
<td class="FormdataL">系统标识:</td>
<td width="400px"> 
<input class="easyui-combobox" style="width:110px;" id="systemSign"                 
name="systemSign" editable="false"   url="${pageContext.request.contextPath}/dictionary/dictionary!getSystemSignList.action" valueField="itemCode" textField="itemName" disabled="true">
</td>
</tr>

现象是textField不显示查出来的值。显示的是个0.  于是进入一脸懵逼的状态。。。。。。

valueField:基础数据值名称绑定到Combobox(提交值)

textField:基础数据的字段名称绑定的Combobox(显示值)

排查:

首先确定就是页面展示的问题了,因为浏览器请求的response结果是符合要求的,但是为什么展示不出来呢?

首先看哪里有没有对id="systemSign" 做了改变。果不其然有如下一行代码:

$(document).ready(function(){
  	$('#systemSign').combobox('select', '${systemSign}');			
});

一直不理解这是什么意思,感觉并没有什么操作呀,奇奇怪怪。

官方文档这么回应:

可能觉得太简单?不屑于过多的解释?反正就是你现在看到的这么可怜的一句话。

那就只能我去翻译一下啦

用法实例:$('#customerStatusList').combobox('select', '1');

解释:id="customerStatusList"的输入框,指定value=1的对象,显示的内容都是此对象的内容。

这样一来,一切都解释通了。

首先getSystemSignList方法会查询很多个对象组成的一个list,那么显示的的话需要选择其中的一个对象,一般我们会想遍历,但是这个框架就是这么的便捷,你不需要遍历,你只需要指定value是哪个,它自动给你选出来这个对象,然后自然他的值随你处置。

页面加载完成,就将id=systemSign的框进行指定对象,指定value对应的对象,进行展示。

为了方便理解,下面是实例版:

如果请求应答结果是

[{  
    "id":1,  
    "text":"text1"  
},{  
    "id":2,  
    "text":"text2"  
},{  
    "id":3,  
    "text":"text3",  
    "selected":true  
},{  
    "id":4,  
    "text":"text4"  
},{  
    "id":5,  
    "text":"text5"  
}]

那么可以通过以下两种方法指定默认值:

$('#customerStatusList').combobox('select', '1');//选择id=1的对象text

或者

$("#customerStatusList").combobox("setValue",1);//选择id=1的对象text

 

设计借鉴:

有一个查询列表的方法很多地方都用到了,有的用所有的,有的用其中的一个,那就非常合适用easyui的这个。

用所有的就不必说了,用其中的一个的,只需要指定value就可以选择啦。非常方便。

 

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

记一次jQuery EasyUI使用-Easyui combobox的使用方法 的相关文章

随机推荐

  • 微前端乾坤的实现以及注意事项

    微前端乾坤 微前端乾坤 主应用 子应用 主应用配置 子应用配置 问题 微前端乾坤 qiankun 是一个基于 single spa 的微前端实现库 拥有的特点 JS沙箱 样式隔离 元素隔离 数据通信 预加载 HTML Entry qiank
  • TortoiseGit(git客户端)清除删除账号密码

    在使用git bash 克隆项目时 出现了remote HTTP Basic Access denied错误 我的解决方法如下 删除后 就可以在克隆项目时 重新填写git账户和密码
  • 统计学常用概念:T检验、F检验、卡方检验、P值、自由度

    常用检验公示表 自由度概念 在统计模型中 自由度指样本中可以自由变动的变量的个数 当有约束条件时 自由度减少 自由度计算公式 自由度 样本个数 样本数据受约束条件的个数 即df n k df自由度 n样本个数 k约束条件个数 例 一组数据
  • QT发布软件

    Qt Creator 完成对release版本编译完成之后 就需要将exe文件发布出来 单纯的只拷贝exe文件是不能运行的 exe的运行需要依赖很多的Qt库 1 生成可以执行的exe文件 这里需要将exe文档放在一个单独创建的test文件夹
  • dos命令大全

    DOS命令 是DOS操作系统的命令 是一种面向磁盘的操作命令 主要包括目录操作类命令 磁盘操作类命令 文件操作类命令和其它命令 DOS命令不区分大小写 比如C盘的Program Files 在dos命令中完全可以用 progra 1 代替
  • log4c cmakelist.txt config.h

    cmake minimum required VERSION 2 8 12 project log4c add definitions DHAVE CONFIG H add definitions D CRT SECURE NO WARNI
  • 【pybind11入门】Windows下为Python创建C++扩展

    在Windows下使用pybind11为python添加C 扩展 这篇文章记录下整个安装 测试 使用流程 主要内容 1 安装编译工具 2 测试pybind11编译是否正常 3 使用pybind11创建C 扩展 4 在python中调用 1
  • 迈拓 kvm 切换热键

    4台电脑之间切换的时候 可以按KVM上面的开关 也可以用热键切换 热键的切换方法如下 1 切换到第一台电脑 Scroll Lock 1 第1台电脑 2 切换到第二台电脑 Scroll Lock 2 第2台电脑 3 切换到第三台电脑 Scro
  • JLink和ST-Link接口引脚介绍

    STM32F1系列 STM8S系列 PY32F003系列都用过好久了 但是对JLink和ST Link下载器认识 还是很肤浅的 有时候 需要自己接线 却不知道引脚定义 特整理如下 1 ST Link ST Link适合对象是STM8和STM
  • Markdown学习笔记

    这个是源代码 由于无法在markdown下直接显示 所以这里采用富文本格式 Markdown学习笔记 你好 2020 7 28 段落 间隔一或多行行表示一个回车 两者没有区别 这是没有产生的效果 天王盖地虎 宝塔镇河妖 这是有回车的效果 天
  • 若依框架修改Vue请求超时时间

    ruoyi ui gt src gt utils gt request js 修改request js下的 timeout 10000 单位 毫秒
  • 软件设计师笔记 2021年下半年

    软件设计师笔记 1 第一章 计算机知识 控制器包含 地址寄存器 S single M multiple I 指令流 Data 数据流 2 第二章
  • 【状态估计】基于UKF、AUKF的电力系统负荷存在突变时的三相状态估计研究(Matlab代码实现)

    欢迎来到本博客 博主优势 博客内容尽量做到思维缜密 逻辑清晰 为了方便读者 座右铭 行百里者 半于九十 本文目录如下 目录 1 概述 2 运行结果 3 参考文献 4 Matlab代码及数据 1 概述 基于UKF和AUKF的电力系统负荷存在突
  • ARM发布Cortex-X1,是为了向苹果自研A系列处理器发起冲击吗?

    对于Arm来说 2019年是伟大的一年 这一年ARM的Cortex内核依然是手机CPU领域的佼佼者 特别是Cortex A77 红极一时的高通骁龙865处理器采用的就是Cortex A77 据说采用骁龙865处理器的手机有70款之多 其中就
  • c语言文件处理中ab,C语言文件处理中wt是什么操作方式?

    匿名用户 1级 2013 04 25 回答 最常用的文件使用方式及其含义如下 1 r 为读而打开文本文件 不存在则出错 2 rb 为读而打开二进制文件 3 w 为写而打开文本文件 若不存在则新建 反之 则从文件起始位置写 原内容将被覆盖 4
  • 【中间件】Redis如何解决BigKey

    BigKey 的弊端 BigKey 需要解决 根源就在于 BigKey 会带来的问题 占用内存 因为 Redis 数据结构的底层数据结构 大 Key 会占用更多的内存空间 造成更大的内存消耗 单线程模型 因为 Redis 的通信依赖于 So
  • 一文看懂web服务器、应用服务器、web容器、反向代理服务器区别与联系

    我们知道 不同肤色的人外貌差别很大 而双胞胎的辨识很难 有意思的是Web服务器 Web容器 Web应用程序服务器 反向代理有点像四胞胎 在网络上经常一起出现 本文将带读者对这四个相似概念如何区分 Web服务器概念与基本原理 Web服务器的历
  • CSS基础之CSS文本属性

    文章目录 前言 1 color 2 text align 3 font size 4 text decoration 5 text indent 6 line height 7 文本属性总结 前言 CSS 文本属性可以设置文本的 外观 比如
  • 从同源政策到跨域解决方法

    一 同源政策 同源政策的目的 是为了保证用户信息的安全 防止恶意的网站窃取数据 所谓同源指的是协议 域名 端口相同 否则就会产生跨域问题 二 跨域 跨域问题主要分为三类 1 Cookie LocalStorage 和 IndexDB 无法读
  • 记一次jQuery EasyUI使用-Easyui combobox的使用方法

    开局附上最最最有用的官方文档 划重点 easyui使用手册 进入正题 现象 有这样一段代码 浏览器请求getSystemSignList方法有返回数据并且严格符合easyui的应答规范 一个json格式的list对象 tr td class