EasyUI从数据库获取数据填充下拉框

最新推荐文章于 2021-12-03 14:05:49 发布
最新推荐文章于 2021-12-03 14:05:49 发布
阅读量4.9k 收藏 10
点赞数
分类专栏： EasyUI 文章标签： easyui 数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CCZUuniversity/article/details/76202519
版权
本文通过一个简单的DEMO展示了如何利用EasyUI在JSP页面上创建一个下拉框，并从数据库获取数据进行填充。涉及到的步骤包括JSP页面设置，Controller层数据处理，Service层业务逻辑，以及Dao层的数据库查询。运行结果表明，虽然未做去重处理，但可以通过修改SQL查询添加DISTINCT关键字实现。
摘要由CSDN通过智能技术生成

EasyUI从数据库获取数据填充下拉框

这里引用一个简单的小DEMO来演示一下

JSP页面

在JSP页面中，添加一个input标签，给标签加上如下属性

  • type:text
  • id :
  • name:
  • class:这里一定要写easyui-combobox
  • data-options=” eaitable(是否可以编辑),valueField:,textField:,url:(请求后台的地址),prompt：(填充信息)”
<input type="text" id="company_name" name="company_name" class="easyui-combobox" data-options="editable:true ,valueField: 'id',textField: 'text',url:'${ctx}/bis/qyjbxx/qynmlist'
最低0.47元/天 解锁文章
阳光丶不锈
关注
  • 0
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
easyui,实现下拉框添加图片或图标
JsonAA的博客
04-25 820
关于下拉框里面每个option里添加图标和图片这件事这里使用的是easyui下拉框中添加图片这件事我刚碰到时也很烦easyui——combobox具体实现不喜勿喷，有写的不对的地方请指教 这里使用的是easyui https://www.jeasyui.net/plugins/758.html 有兴趣的可以看看 下拉框中添加图片这件事我刚碰到时也很烦 因为标签中是不支持/等标签的，所以是加不进去的，刚开始用文字拼接一个“√”进去，需求说不行，之后又用js的特殊符号“&#10004”，还是说不行，都差
easyui实现下拉框从数据库读取数据动态填入
空空说技术的博客
10-31 8374
easyui实现下拉框从数据库读取数据动态填入 开发项目的时候遇见一个问题，就是使用easyui的时候，需要采用下拉框，而这个框里面的数据呢，需要是动态的，是从数据库读取数据动态填入的。 记录一下，以后会用到。 1.jsp页面： easyui创建下拉框。不会的请参考easyui官网。 就是在JSP页面中，添加一个input标签，给标签加上如下属性 &lt;td&gt;所属类别：&lt;/td&g...
easyui datagrid combobox下拉框获取数据问题
weixin_34401479的博客
03-23 274
最近在使用easyui的datagrid，在可编辑表格中添加一个下拉框，查了下API，可以设置type : 'combobox',来做下拉框，这下拉框是有了，可是这后台数据怎么传过来呢，通过查API可以知道，设置URL属性就能从一个URL远程站点请求数据，或者设置data属性也行，但是本人两种方式都试了，这个数据就是现实不出来，原来是因为data这里需要放一个json格式的数据才行，我之前放的也是...
EasyUI–下拉框combobox
程序员大阳
03-14 1411
首先声明，所谓的数据控件这一个概念，EasyUI官方应该也没这个说法。猫哥是感觉网页上经常使用的、经常需要从后台获取数据后显示到控件内部的，有这么四个：下拉框、下拉列表、树、表格。之前猫哥已经分别演示了如何从json文件、如何从后端（比如Servlet）返回的json数据中加载数据到EasyUI控件。所以对于这四个数据控件，猫哥仅演示从json文件中获取数据后绑定即可，这样非常简洁明了，到了项目开发
easyui实现简单的下拉框
热门推荐
chelseahazard的博客
01-06 1万+
首先，在jsp页面加入easyui和jquery的文件如下<script type="text/javascript" src="assets/bootstrap/jquery-2.2.3.min.js"></script> <script type="text/javascript" src="assets/easyui/jquery.easyui.min.js"></script> <!-- e
easyui的combobox 下拉框筛选自动填充扩展
枫叶踏刀光的博客
09-01 1680
项目需求： 鼠标不点击的时候就是文本框，鼠标点击进去才展示出下拉结果，在输入框里面输入了内容，下拉的结果自动刷新，可以光标点击选中某一条，如果没有点击选中，在光标移开的时候自动填充筛选结果的第一条数据。 easyui自带的filter可以添加按输入内容筛选，再加上光标blur事件可以实现自动填充结果筛选结果的第一条数据。$('#testcombo').combobox({
EasyUI动态初始话下来框
qq_43026206的博客
12-03 123
一种方式是通过查询复制 //查询资产类型 列表 function listAssetType() { $.ajax({ type : "POST", url : "../lisType", dataType : "json", success : function(ret) { if (ret.code == 200) { $('.valueType').combobox({ data: ret.data, height: 33, editabl
easyui下拉框option_js和jQuery以及easyui实现对下拉框的指定赋值方法
weixin_39603995的博客
12-22 243
js实现：1. 通过让第i个option为selected实现选中第i个，代码如下：(id为下拉框id)(1)document.getElementById("id").options[i].selected=true;(2)document.getElementById("messagetoid").selectedIndex = 1;(选中第1个option)2. 通过判别option的va...
easyui中select下拉列表动态从后台获取值(☆)
独狼的博客
05-20 841
html代码 <div class="ff"> <label>关键词</label> <input type="text" name="keyWorld" id="keyWorld"> </div> <div class="ff"> <label>类别选择<
freeMarker + easyUI 实现枚举下拉 list
weixin_41711593的博客
11-07 408
1.在java中实现枚举类 枚举类见java代码 2.在controller中加入获取枚举数据方法 model.addAttribute("checkRecordList",SpecilaUseCheckRecord.getCheckRecords()); 3.用easyUI easyui-combobox 接收数据 &lt;select id="checkRecord" class="easyu...
easyui前端接收list转为复选下拉框
weixin_48508049的博客
12-16 294
easyui前端接收list转为复选下拉框 效果图如下 代码如下 $('#state').combobox({ url: '${ctx}/bus/common/getStateTypesListNotWSS', valueField:'id', textField:'text', label: '状态 :', labelWidth:90, multiple: true, formatter:
EasyUI–下拉列表datalist详解
程序员大阳
03-14 1万+
本篇主要介绍下拉列表控件的数据绑定和下拉列表选中项的获取。与下拉框有两点不同，第一是外观上下拉列表会同时显示多个待选项，第二是下拉列表会经常遇到需要多选的情况。之前猫哥自己也没在EasyUI中遇到过使用下拉列表时，同时获取多个选中项的功能，今天写DEMO的时候，只能感觉大约是$("#mydatalist").datalist("getSelectedRows");或者$("#mydatalist")
easy ui获取DataGrid表格的数据填充到下拉框easyui-combobox
EmpressL的博客
05-24 2592
前端代码：js代码：将获取到的数据放到parameters数组中，该数组存的是一个个对象，对象里有id、name两个字段，页面显示的是name，实际存入数据库的是id，为什么要放到onload的方法，亲测如果不放在onload方法，那页面还没渲染结束就已经去捕获数据，那将取不到任何值（在页面debug测试一下便知道了）...
easyui datagrid列表中增加combobox下拉框
weixin_44550562的博客
02-21 2157
需求 列表中最后一列增加下拉框，在选择该行的时候，获取该行的所有数据（包括下拉框的内容） 实现 1、以下代码中，技能组级别字段设置为下拉框，但是没有设置列表为可编辑，所以该字段无法展示下拉效果 var level = [{ "level-value": 0, "level-name": "高"}, { "level-value": 1, "level-name": "中" }, { "level-...
easyUI combobox 从后台取数据显示（第二种格式）
兔的骄傲
08-14 617
相比于第一种格式，这里的会更及简便一点（这里对格式要求没那么严格，只需要有返回值有我们需要的属性就行）： 第一篇更为详细，如有需要可根据链接查看，这里为补充记录。 第一遍链接：https://blog.csdn.net/chlei_/article/details/97814293 ...
easyUI combobox json 从后台取数据显示
u010591939的专栏
04-20 8592
利用easyUI的combobox从后台取数据显示在下拉框中时，前台可以有两种写法 1、在页面中使用                             data-options="panelHeight:'auto',valueField:'servicekey',textField:'servicename',url:'dicitionary_data.action?values=
easyui -combobox 动态获取下拉列表 前后台完整过程
零落尘·
07-25 3618
前台：通过url=roleNameList.do 向后台获取json数据 $(function(){ $.getJSON("roleNameList.do",function(json) { $('#roleName').combobox({ data: json.roleList, //获取到的json 数据 valueField:"id", textField:"text" })...
easyui 获取options_jQuery EasyUI 下拉框及值的获取
最新发布
06-06
获取下拉框选中的值可以使用以下代码： ```javascript // 获取下拉框的值 var value = $('#combobox').combobox('getValue'); // 获取下拉框的文本 var text = $('#combobox').combobox('getText'); ``` 如果需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值