首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

EasyUI Combobox 清空按鈕僅隱藏不刪除?改用 MenuButton 或自定義事件

     編輯:程式設計疑難解答

現象

Combobox 下拉列表的清空按鈕點擊後,選中值視覺上消失,但實際 getValue() 仍返回舊值,表單提交時仍攜帶該參數。

原因

EasyUI Combobox 的「清空」實現為 hidePanel() + 置空顯示文本,**未觸發** onChange 事件,**未重置** 內部 value 屬性。

解決方案

  1. 改用 MenuButton:自定義下拉菜單,每個菜單項綁定 click 事件手動 $('#cc').combobox('clear') + $('#cc').combobox('setValue', '')。
  2. 重寫 clear 方法:
    $.fn.combobox.methods.clear = function(jq) {
        return jq.each(function() {
            $(this).combobox('setValue', '').combobox('setText', '');
            var opts = $(this).combobox('options');
            if (opts.onChange) opts.onChange.call(this, '', $(this).combobox('getValue'));
        });
    };
    然後調用 $('#cc').combobox('clear') 即可真正清空。
  3. 表單提交前手動清理:$('#form').form('disableValidation').form('clear') 並檢查 combobox('getValue') 為空。

推薦方案 2,一勞永逸修正組件行為,業務代碼無感知。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved