問題描述

總共一百條數(shù)據(jù)，數(shù)據(jù)中加入combobox樣式，打開頁面出現(xiàn)卡頓情況

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

一條數(shù)據(jù)，有三處地方用到combobox樣式，如果有100條數(shù)據(jù)是，打開頁面編輯這100條數(shù)據(jù)就會(huì)出現(xiàn)頁面卡頓情況，根據(jù)查看前臺(tái)控制器，總共要加載300次combobox樣式，如果去掉這些樣式加載頁面的速度在2秒內(nèi)。

相關(guān)代碼

// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)

${vs.index+1 }

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'); /* 下拉框所有選項(xiàng) */

var _value = $(this).combobox('getValue'); /* 用戶輸入的值 */

var _b = false; /* 標(biāo)識(shí)是否在下拉列表中找到了用戶輸入的字符 */

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);

}

});

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

我期望加載頁面速度在幾秒內(nèi)打開。不知道用這插件能不能實(shí)現(xiàn)！

總結(jié)

以上是生活随笔為你收集整理的combobox异步加载 easyui_如何解决多条数据加载easyui-combobox样式反应慢的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。