Easyui 中 combobox 绑定2000多条数据 自带检索特别卡 如何优化一下

Easyui 中 combobox 绑定2000多条数据 自带检索特别卡 如何优化一下

0

3个回答

可以改成异步的。

1
itcast_jwz_310
IT_Admin123 这个卡的问题愁死我了
3 年多之前 回复
itcast_jwz_310
IT_Admin123 如果改成异步也不行因为数据太多只要是给下拉框绑定太多数据的就卡
3 年多之前 回复

改成输入关键字检索的时候才返回和输入关键字一样的数据,而不是一次性发2000条数据来在客户端进行检索

 $('#xxxx').combobox({url:'xxxxxx',mode:'remote'
1
itcast_jwz_310
IT_Admin123 这个有点帮助但是我一开始加载的时候必须给用户展示数据不能人家一点下拉框下拉框里没数据啊
3 年多之前 回复

可以改成异步的。

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui-Easyui 中 combobox 绑定2000多条数据 自带检索特别卡 如何优化一下
解决方案 可以改成异步的。 解决方案二: 改成输入关键字检索的时候才返回和输入关键字一样的数据,而不是一次性发2000条数据来在客户端进行检索 $('#xxxx').combobox({url:'xxxxxx',mode:'remote' 解决方案三: 可以改成异步的。
easyui ComboBox 中文检索问题
if (opts.editable) {    /*if (_921.timer) {     clearTimeout(_921.timer);    }    _921.timer = setTimeout(function() {     var q = t.combo("getText");     if (_921.previousText != q) {      _921.pre...
easyui在ie下的优化方案
easyui的项目方案,在火狐、chrome以及最新版ie下可以正常渲染 但在臭名昭著的ie8以下浏览器确实非常慢,简直到了无法忍受的地步 但无奈项目需要兼顾ie6~8,故对此进行了研究,整理了优化方案 优化后虽不能达到火狐、chrome渲染的效率(此乃ie的硬伤),但速度已能提高好多倍
easyui combobox动态绑定数据
1.jsp上的写法 <input class="easyui-combobox" id="first_catalogue" style="width:30%;" value="--请选择所属分类--" > 2.js $(function(){ // $("#first_catalogue").parent(".l").show(); $('#first_ca
Easyui combobox下拉框动态绑定数据
easyui-combobox根据数据库查询绑定数据,如下: 1、html &amp;lt;select id=&quot;st_cmpy&quot; editable=&quot;false&quot; class=&quot;easyui-combobox&quot; name=&quot;compyId&quot; data-options=&quot;label:'公司:'&quot;&amp;gt;&amp;lt;/select&amp;gt;   2、JS:绑定查询: //下拉
EasyUI IE8下很卡解决办法
在ie8下用EasyUI的时候很卡,网上搜索了很多都说datagrid在ie8下很卡,应该有这么一部分原因,网上的提到的原因是datagrid的width自适应问题,只要去掉fitColumns: true或是置为false就可以。 按照网上的方法操作后,发现还是打开页面巨慢,后面所限把页面改为最简单的Hello World,打开页面也巨慢,最后发现 是这个问题,改为 就秒开
easyui的combobox,自动搜索的下拉框
如图,输入关键字,左匹配检索 HTML代码 js获取数据 $('#userId').combobox({ prompt:'输入首关键字自动检索', required:false, url:'${path }/portal/designer/tree', edit
Easyui笔记1:实现combobox下拉框检索匹配功能
)如何在Easyui中实现combobox下拉框输入检索功能?只需要在combobox属性中设置 editable : true, limitToList : true 即可
easyui中一个页面多个combobox下拉框加载同一json数据,下拉框无法选中问题
版本问题,可以通过升级easyui为最新版本解决,也可以通过以下代码处理/** * 初始化下拉框 * @param unitid dom元素id * @param value 初始化选中值 * @param data json数据集合 */ function initcombo(unitid, value, data) { var $unitdom = $(&quot;#&quot;+unitid)...
easyUI中combobox中中文不支持的问题
做一个实现在easyui-combobox组件中 进行中文输入实现后台查询的功能时遇见的BUG easyui中combobox组件,在使用下拉框时, 调用改插件的mode:remote 方法时 该组件默认检测的时英文输入状态下的字符输入  也就是键盘上的keydown的事件  所以当要想输入中文进行查询时 在输入中文时 并不会触发keydown事件 此时点击shift按键 就会触发k
easyui的combobox控件进一步优化
最近的项目中使用到easyui的combobox控件,感觉它还是有一些不太满足我的需求的。 比如这个,类型这个下拉列表字段 我输入了一个类型里不存在的值后,然后我继续填其它的信息,提交时,表单就直接把这个“不存在的值”当成类型提交了,结果就出错了,因为我的后台是接收类型的id值的,所以我需要如果用户输入了一个不存在的值后,鼠标点击其它地方后,自动把值清除了。
easyui的combobox实现模糊搜索匹配
前言 该模糊匹配效果类似于百度搜索的提示框 前台代码 easyui中combobox的mode参数如下: &amp;lt;input class=&quot;easyui-combobox&quot; name=&quot;name&quot; style=&quot;width:90%&quot; data-options=&quot; label:'品种名称:', ...
jquery easyui 使用 combobox动态加载数据
首先引入相关js 和css &amp;lt;link href=&quot;css/themes/default/easyui.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&amp;gt; &amp;lt;link href=&quot;css/themes/icon.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&amp;gt;
comboBox 加载数据的几种方式
comboBox 加载数据的几种方式
easyui-combobox 绑定数据的俩中方式
<input class="easyui-combobox" id="CouponTypeTitle" name="CouponTypeTitle" data-options="required:true, url:'PackageCouponMgt.ashx?GetPackageTypes', method:'get
EasyUI入门8 EasyUI在IE浏览器中渲染速度非常慢的解决办法
网上有两种做法
easyui-combobox、combotree后台数据数据组装与前台绑定实例
easyui-combobox控件的后台数据递归生成json,前台绑定实例说明。 可直接拷贝到项目中,然后修改数据源即可使用。
easyui-combobox 传递参数到后台获取json来绑定选项
easyui-combobox 传递参数到后台获取json来绑定选项
easyui combobox默认选中第一条数据 和 多级联动
$("#cateOne").combobox({ url : rootPath+"/admin/getCategory.jhtml", method : "get", valueField : 'id',     textField : 'name',     onSelect: function(rec){ //联动       var url = rootPath+"/admin
easyui的combobox根据拼音搜索选项
前情背景也就不交代了,这个用着还是比较简单。 需要引入对应的汉字转拼音的js包,用了一个实测可以用的已上传 http://download.csdn.net/download/zhangwenhuad/10116009 用的easyui的ComboBox进行下拉框的渲染 ComboBox对查询的处理对应的是里边的filter属性 函数有2个参数: q:用户输入的文本。 row
EasyUI combobox动态加载远程数据
文章目录combobox从远程加载数据的几种情况后台直接对数据进行处理(实现1、2种情况)正确的json数据格式html代码JS代码后台无法对数据进行处理,只能返回数组格式数据(实现3、4种情况)html代码JS代码封装初始化函数使用初始化函数总结更多API参考 combobox从远程加载数据的几种情况 后台可以直接对数据进行处理,返回符合格式的json数据 两个下拉框联动效果 后台无法对数据进...
easyUI combotree加载大量节点数据的处理方式(逐步加载)
easyUI处理大量节点数据的处理方式
【easyui】combotree类似combobox模糊查询功能,动态加载数据
easyui的combobox可以输入框输入,然后自动在下拉框中显示匹配结果,但是combotree不行;下面为实现方法
easyui combox数据的动态绑定
1.jsp页面的写法: <div id="search-level"> <br/> <span style="margin-left:15px;font-size:15px;">市:</span> <input id="citylevel" name="citylevel" style="width: 120px;" class="easyui-combobox
combobox控件添加数据源列表后再添加自定义字段
               DB.connection.Open();                DataSet dataset = new DataSet();                SqlDataAdapter dataadapter = new SqlDataAdapter(sql3, DB.connection);               dataadapter.Fill...
easyui combobox下拉框不能自动检索问题
今天遇到了easyui combobox下拉框不能自动检索的问题,查找好了半天的原因,原来textField对应的字段要是字符串类型。
记录一次Mybatis查询2000条数据耗时10s左右
某一天前端同事过来说接口查询数据返回特别慢,经过问题跟踪发现数据总共不到2000条,sql在oracle数据库中执行不到1s,但是反馈到浏览器上却慢了,后来在.xml文件的&lt;select fetchSize='2000'&gt;&lt;/select&gt;,问题解决。 通过JDBC取数据时,默认是10条数据取一次,即fetch size为10(根据oracle的文档,默认的fetchSi...
easyui生成动态关联的combobox
审核类型: 状态: 根据"审核类型"的不同 ,“状态”栏的值也不相同。 第一步:将所有的combobox值 都写入combobox的data字段中 //生成动态combobox var queryItemData = [{text : "发票", value : "1"}, {text : "结账", value : "2"}]
EasyUI combobox 数据赋值 取值 重置
关于easyUI 的combobox 赋值取值问题
解决EasyUi的combobox绑定change事件
需求:当combobox内的值发生改变,启动change事件。 网站:http://www.jeasyui.com/documentation/index.php# 前端页面代码:<input name="benc" id="benc" class="easyui-combobox" style="width: 250px;" data-option
easyui combobox加载内嵌对象赋值
$.ajax({ type: "POST", url: "loadAll.action", dataType:"json", success: function(json){ $("#ownerId").combobox({ data:json.rows, val
easyui-combobox-多选优化(只能是下拉框的值)
combobox支持筛选需要设置editable:true,当下拉框根据用户输入的关键字匹配不到选项时,此时点击提交会把客户输入的内容提交,这样就会造成保存的数据混乱。 我的处理方法是在下拉框隐藏时,检查输入的内容是否存在与下拉列表中, 绑定事件发生时的处理函数: &amp;lt;input name=&quot;nature&quot; class=&quot;easyui-combobox&quot; data-options=&quot;o...
转载 + 原创 ::easyui combobox 模糊匹配 +实现匹配字段存在者显示,不存在则为空
easyui combobox下拉效果 可输入 模糊查询 判断输入值在下拉列表是否存在 var nameStr ='';     $(document).ready(function(){         $('#customerId').combobox({              prompt:'请输入或选择客户名称',             url:'${
使easyui中combobox控件支持本地数据自动补全
easyui的combobox确实给我们实现自动补全功能带来了便利,但是有时候我们为了减少服务器压力,会将一些不常更改的数据缓存到前端,例如使用cookie和html5的storage进行缓存. 那么如何使用combobox实现对缓存数据进行提示呢?直接上代码: filter:function(q, row){//当输入数据时会调用该方法进行筛选过滤,支持键值同时搜索 var opts
combobox下拉框多字段模糊过滤
  1.easyui /** * 下拉框过滤 * @param q * @param row * @param keys Array型 * @return */function filterComboboxData(q, row, keys){ if(keys &amp;amp;&amp;amp; keys.length &amp;gt; 0){  for(var i=0;i&amp;lt;keys.length;i++...
easyui中combobox在火狐浏览器下中文检索问题
当combobox下拉框中的下拉列表选项过多时,我们不喜欢下拉然后一个一个选择,我们希望可以通过输入相关内容,然后根据内容来匹配结果,默认情况下,combobox支持自动匹配,用户输入部分内容,然后根据内容来匹配相关的下拉选项。如下图所示: 如果是中文的选项,在chrome浏览器下也是类似的效果,但是在火狐浏览器下,却不好使了。当我们输入了相关内容,需要按下额外的键,比如shift,ctrl...
Easyui combobox 取值赋值解答
例子: &amp;lt;tr&amp;gt; &amp;lt;th width=&quot;100&quot;&amp;gt;性别&amp;lt;/th&amp;gt; &amp;lt;td&amp;gt;&amp;lt;select name=&quot;sex&quot; id=&quot;sex&quot; style=&quot;width:150px;&quot;class=&quot;easyui-combobox&quot; data-options=&quot;editable:fa
easyui中TreeGrid大量数据数据加载之性能优化。
easyui中TreeGrid大量数据数据加载之性能优化。
easy ui获取DataGrid表格的数据填充到下拉框easyui-combobox
前端代码:js代码:将获取到的数据放到parameters数组中,该数组存的是一个个对象,对象里有id、name两个字段,页面显示的是name,实际存入数据库的是id,为什么要放到onload的方法,亲测如果不放在onload方法,那页面还没渲染结束就已经去捕获数据,那将取不到任何值(在页面debug测试一下便知道了)...
easyui-combobox加载json中对象的属性
这次做项目遇到了一个问题,在easyui-combobox加载json数据中对象的属性。后台返回的json中包含一个对象,而我想调用对象中的属性,后台返回的json如下:{&quot;rows&quot;:[{&quot;cid&quot;:&quot;1&quot;,&quot;cname&quot;:&quot;XXX&quot;},{&quot;cid&quot;:&quot;2&quot;,&quot;cname&quot;:&quot;XXX&quot;},{&quot;cid&quot;:&qu