問題描述

總共一百條數據，數據中加入combobox樣式，打開頁面出現卡頓情況

問題出現的環境背景及自己嘗試過哪些方法

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

相關代碼

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

${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'); /* 下拉框所有選項 */

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样式反应慢的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。