combobox异步加载 easyui_如何解决多条数据加载easyui-combobox样式反应慢的问题
问题描述
总共一百条数据，数据中加入combobox样式，打开页面出现卡顿情况
问题出现的环境背景及自己尝试过哪些方法
一条数据，有三处地方用到combobox样式，如果有100条数据是，打开页面编辑这100条数据就会出现页面卡顿情况，根据查看前台控制器，总共要加载300次combobox样式，如果去掉这些样式加载页面的速度在2秒内。
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
readonly="readonly" class="tc w100p check">
selected="selected">${b.name }
selected="selected">${c.name }
selected="selected">${d.name }
selected="selected">${e.name }
删除
$(".easyui-material"+num).combobox({
required: false,
data: collectionMaterial,
valueField: 'id',
textField: 'name',
editable: true,
filter: function(L, row) {
var opts = $(this).combobox('options');
return(row[opts.textField] + "" + row[opts.valueField]).indexOf(L) >= 0;
},
onHidePanel: function() {
var _options = $(this).combobox('options');
var _data = $(this).combobox('getData'); /* 下拉框所有选项 */
var _value = $(this).combobox('getValue'); /* 用户输入的值 */
var _b = false; /* 标识是否在下拉列表中找到了用户输入的字符 */
for(var i = 0; i < _data.length; i++) {
if(_data[i][_options.valueField] == _value) {
_b = true;
break;
}
}
if(!_b) {
$(this).parent().children(":last").prev().val("0");
$(this).parent().children(":last").val(_value);
}
},
onSelect: function(org) {
$(this).parent().children(":last").prev().val(org.id);
$(this).parent().children(":last").val(org.name);
}
});
你期待的结果是什么？实际看到的错误信息又是什么？
我期望加载页面速度在几秒内打开。不知道用这插件能不能实现！
combobox异步加载 easyui_如何解决多条数据加载easyui-combobox样式反应慢的问题相关推荐
- 从numpy里加载_PyTorch强化：01.PyTorch 数据加载和处理
PyTorch提供了许多工具来简化和希望数据加载,使代码更具可读性. 1.下载安装包 scikit-image:用于图像的IO和变换 pandas:用于更容易地进行csv解析 from __futur ...
- Paging3、Room使用，1、从本地Room数据库加载 2、直接网络获取数据加载 3、网络访问数据到Room数据库再加载 4、封装使用
目录 1.从本地Room数据库加载数据 viewmodel fragment中使用 页面 数据库相关 2.直接网络获取数据加载 3.网络访问数据到Room数据库再加载数据 自定义RemoteMedia ...
- java 将数据加载到内存中_java 将数据加载到内存中的操作
将数据加载到内存中 1.建立InitListener.java package app.util; import java.util.HashMap; import java.util.Map; im ...
- Vue实现网页首屏加载动画、页面内请求数据加载loading
博主介绍
- Qt解决UI界面一次性加载数据过多卡顿的问题
关于Qt如何解决UI界面一次性加载太多数据而卡顿的问题 思路分析: 以QTableWidget电子词典为例,每次模糊查询单词时都会产生几十种,几千甚至上万种不同的结果: 例如我们输入a,对a进 ...
- dwz怎么使用数据加载中提示_百度地图数据采集手把手教，从此POI数据不再是愁...
本文介绍使用八爪鱼采集百度地图数据(以上海-建设银行为例)的方法 采集网站:http://map.baidu.com/ 适用版本:八爪鱼7版本,8版本请参照官网新手入门教程制作 8版本新手入门教程:用 ...
- Unity大场景数据加载及优化方案
前段时间,有几个虚拟仿真公司跟我请教关于大地形的加载优化问题,它们使用的引擎都是自己研发的,引擎对于开发者来说,大同小异,它们的基本构造是一样的,关键是在于解决问题的方法,正是基于这个前提写了这个课程 ...
- 刺激战场服务器未响应加载失败,刺激战场辅助提示驱动加载失败 怎么办 | 手游网游页游攻略大全...
发布时间:2016-06-07 恶灵附身bink2w64.dll加载失败怎么办?有恶灵附身玩家跟小编说他在玩到第7章石门保存时突然弹出了"bink2w64.dll加载失败"的错误提 ...
- Launcher app数据加载流程
Launcher是桌面,是用户第一眼看到的app应用,所有的应用都是现实通过Launcher管理显示在桌面上的!当app应用很多的时候,数据是怎么样加载的呢!我说一说单层桌面加载的流程上图是双层数据加 ...
最新文章
- 穷游网：这里有一个包含十二年用户体验妙计的锦囊
- 最短路径（Dijkstra、Bellman-Ford和SPFA算法）
- 海量数据 - join处理
- 如何使用 SAP Kyma 控制台手动发送 SAP Commerce Cloud Mock 应用暴露的事件
- 1.SoapUI接口测试--创建项目
- mysql5.7.14_mysql 5.7.14 下载安装配置方法图文教程
- 《数学之美》读书笔记和知识点总结（一）
- 【亲测】2022最新H5手机微商城运营源码/简约轻量版/对接支付个人免签接口/带搭建教程
- Axure RP 8--成绩管理页面原型图
- 注册表禁用计算机管理,Win7注册表编辑器被管理员禁用的解除方法
- processing 写的规律图形运动
- mysql-mmm高可用群集
- FIR.im的使用_亲自实验
- 美国ESS-HIFI音频解码芯片ES9023P
- 9.2.1 Python图像处理之图像数学形态学-二值形态学应用之噪声消除
- for...in 和 for...of
- 【PHP】 毫秒级时间戳和日期格式转换
- docker搭建c++开发环境
- 【基础知识】PID(比例微分积分)控制
- 8.21 binary search