问题描述

总共一百条数据，数据中加入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);

}

});

你期待的结果是什么？实际看到的错误信息又是什么？

我期望加载页面速度在几秒内打开。不知道用这插件能不能实现！