javascript怎么制作下拉框緩存效果

這篇文章主要介紹“javascript怎么制作下拉框緩存效果”，在日常操作中，相信很多人在javascript怎么制作下拉框緩存效果問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript怎么制作下拉框緩存效果”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

基于easyui的combobox，我給大家提供如下寫法：

3個關鍵地方。

1：緩存數據 $.cache.sys_data_dictionary_code;

2：加載緩存方法 $.cache.sys_data_dictionary_code_load();

3：刷新緩存 $.cache.sys_data_dictionary_code_reload();

一般調用$.cache.sys_data_dictionary_code_load();

該方法會進行緩存監測，如果沒有該緩存，就執行$.cache.sys_data_dictionary_code_reload();方法進行緩存刷新

如果有的話，將緩存數據$.cache.sys_data_dictionary_code;返回

代碼如下，分享給大家：

/*------------ 數據字典（用于combobox） ------------*/

/* 緩存數據 */
$.cache.sys_data_dictionary_code;
/*
    加載緩存數據內容
*/
$.cache.sys_data_dictionary_code_load = function () {
    if ($.cache.sys_data_dictionary_code == undefined) {
        return $.cache.sys_data_dictionary_code_reload(all);
    }
    return $.cache.sys_data_dictionary_code;
}
/*
    刷新緩存數據
*/
$.cache.sys_data_dictionary_code_reload = function () {
    $.cache.sys_data_dictionary_code = new Array();
    var _json = $.ajax({
        url: "/Account/SysDataDictionaryItem/GetAllListDit/",
        async: false
    }).responseText;
    var _data = $.parseJSON(_json);
    var _options = _data.Data;
    if (_data.IsSuccess == false) {
        $.messager.show({
            title: "系統提示",
            msg: "數據源sys_data_dictionary加載失敗！",
            iconCls: "error",
            width: 350,
            heigth: 200,
            style: {
                top: document.body.scrollTop + document.documentElement.scrollTop,
            }
        })
        return;
    }
    for (var item in _options) {
        $.cache.sys_data_dictionary_code[item] = _options[item];
    }
    return $.cache.sys_data_dictionary_code;
}
/*-------------- 結束 --------------*/

到此，關于“javascript怎么制作下拉框緩存效果”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！