easyUI搜索下拉框

最新推荐文章于 2024-04-08 17:39:55 发布

weixin_30544657

最新推荐文章于 2024-04-08 17:39:55 发布

阅读量794

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zdzdbk/p/11133931.html

版权

本文介绍了一个项目中遇到的问题：下拉选项过多导致用户体验不佳。为了解决这一问题，作者采用EasyUI框架实现了搜索下拉功能。文章详细描述了使用的EasyUI组件属性和参数，包括url、method、valueField、textField等。

摘要由CSDN通过智能技术生成

　　今天有个项目说因为下拉选项太多想要个搜索功能，所以给做个搜索下拉功能，看了下发现原来是用easyUI写的，相关资料网上很多，但是关于搜索下拉的大部分都无法复现

<input class="easyui-combobox" name="CompanyID" id="CompanyID" style="width: 100%;padding: 0 10px;" data-options="url: 'url', method:'get',valueField:'HItemID',textField:'HName',panelHeight:'auto',panelMaxHeight:200,panelMinHeight:100"  />

转载于:https://www.cnblogs.com/zdzdbk/p/11133931.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30544657

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

EasyUI 下拉菜单下拉树模糊搜索

10-29

支持下拉菜单下拉树模糊搜索,支持中间字段的匹配

easyUI可搜索下拉框

旧城的博客

11-08

1858

//下拉框渲染 $("#diseaseCode").combobox({ url: "<%=basePath%>sys/disease/queryAll.action", valueField: 'diseaseCode', textField: 'diseaseNa...

参与评论您还未登录，请先登录后发表或查看评论

easyui的combobox，自动搜索的下拉框

最新发布

qq_38650613的博客

04-08

1305

easyui combobox下拉框组件输入检索全模糊查询

EasyUI实现下拉框多选功能

08-28

EasyUI实现下拉框多选功能 EasyUI是一个功能强大且灵活的JavaScript框架，常用于开发Web应用程序。其中，下拉框（Combotree）是EasyUI中一个非常有用的控件，可以实现多选功能。下面将详细介绍EasyUI实现下拉框多选...

easyui 下拉搜索

老夫的少女心

07-04

463

$(ed.target).combogrid({ onChange: function (newValue, oldValue) { artChanged = true;//记录是否有改变（当手动输入时发生) console.log("值已发生改变:" + newValue); ...

easyui的下拉框多选

06-15

以上就是关于EasyUI下拉框多选的基本使用和一些常见操作。通过组合这些功能，我们可以创建出符合需求的用户界面。在实际项目中，可能还需要结合服务器端数据进行动态加载、分页等操作，这就需要根据具体业务逻辑进行...

easyUI下拉框相关

ptsx0607的专栏

09-19

289

1.easyUI下拉选择： <tr> <td style="text-align: right;">是否稽查人员：</td> <td> <input class="easyui-combobox" data-options="width:250,valueField: 'label',textField:

EasyUI的下拉框（一）

走在奋斗的路上

07-09

2563

最近做一个下拉框，页面加载的时候对于下拉框中的数据加载，将结果做一下分享。创建一个预定义的下拉框列表，可以使用元素，也可以使用元素来创建。具体的可以查看easyUI 的官方的API。这里我使用的是来进行创建。首先说一下下拉框的样式：第一种样式：选中边框变为蓝色第二种样式：第三种样式：

easyUI中combotree添加下拉搜索框

m0_46252893的博客

02-14

1062

在easyUI的combotree下拉框中添加搜索框

easyui下拉框赋值 ajax,easyUI实现搜索下拉框，省市的级联下拉框和编辑时的赋值...

weixin_39786850的博客

08-06

453

所在地区:onchange="changeProvince()"name="province"style="width:120px;"data-options="url:'../advanced/getProvinceList.st',method:'get',valueField:'provinceName',textField:'provinceName',editable:true,...

easyui中条件查询的下拉如何查询

麦 -_- 的博客

06-19

499

在easyui中条查的下拉列表需要在html页面定义input标签给上id,name和value（请选择），然后在js中使用easyui-combobox样式查询出下拉列表的数据，再在查询方法外定义一个全局变量，用来接收下拉的id值，查询方法中需要判断如果类型的值不是-1（请选择）（注:请选择必须要转换成-1，否则value值数据类型是不匹配的）的时候，则将值赋予这个变量，通过queryParams将值传到后台，以在sql中调用条查方法品牌搜索:<input class="easyui-text

easyUI下拉框表格扩展(实现搜索功能)[easyUI+java]

java_trainee的博客

06-23

4700

下拉框表格扩展搜索功能,表格实现分页

easyui实现下拉框从数据库读取数据动态填入

空空说技术的博客

10-31

8428

easyui实现下拉框从数据库读取数据动态填入开发项目的时候遇见一个问题，就是使用easyui的时候，需要采用下拉框，而这个框里面的数据呢，需要是动态的，是从数据库读取数据动态填入的。记录一下，以后会用到。 1.jsp页面： easyui创建下拉框。不会的请参考easyui官网。就是在JSP页面中，添加一个input标签，给标签加上如下属性 <td>所属类别：</td&g...

easyUI下拉框使用

sd6022的博客

03-09

810

<td style="width:8%;text-align: right;"><label for="province">区县：</label></td> <td style="width: 17%"><input class="easyui-combobox" type="text" id="qx" name="qx"></input></td> <td style="width:8%;text-ali

EasyUI combobox下拉列表实现搜索过滤（模糊匹配）

weixin_30892889的博客

08-03

2508

　　项目中的某个下拉列表长达200多个项，这么巨大的数量一个一个找眼镜都得看花，于是就得整了个搜索功能。看网上别人帖子有只能前缀匹配的方案，但只能前缀匹配的话用起来也不是很方便。于是就记录一下模糊匹配的方案。实现效果：这里使用的是combobox组合框，对于combobox的创建可以使用<input>输入框，也可以使用<select>下拉选。我使用的是...

EasyUI的commbox下拉级联+搜索+下拉多选功能

qq_17732903的博客

05-12

2025

一个基于easyui的3级下拉级联+搜索功能+下拉多选功能于一身。

easyUI组合框(combobox)文本内容拼接并实现编辑搜索下拉框数据

qq_43243541的博客

06-28

1733

1. 需求说明首先看一下这几个需求： 1.我要将combobox组合框下拉列表内的数据进行拼接，原来是只显示表名，现在我需要以表名(中文名)这种形式显示在下拉列表内,并且在下拉列表中我选择了某一项表数据，我需要同时将我选择的这项内容展示在组合框中原来显示：需要展示：并且选择一项文本框内需要展示：然后看一下后台发送数据：可以看到一个map集合内装了两条数据，表名和表中文名，注...