1. 程式人生 > >EasyUI-Combobox-組合框-“請選擇”選項新增

EasyUI-Combobox-組合框-“請選擇”選項新增

一、前言

現在公司專案所使用的介面是EasyUI的前端框架,在使用過程中發現一個問題Combobox元件原生不支援下拉框載入前新增一個“請選擇”項

二、實踐

直接上程式碼!

$('#cc').combobox({
    url:'combobox_data.json',
    valueField:'id',
    textField:'text',
    loadFilter: function (data) {
        var obj = {};
        obj.id = '';
        obj.text = '請選擇'
        //在陣列0位置插入obj,不刪除原來的元素
        data.splice(0, 0, obj)
        return data;
    }
});
由上可見,我們只需要在控制元件初始方法中新增一個loadFilter方法,當載入完後,控制元件即會載入請選擇項到選項列表陣列最開始位置

三、編後語

我昨晚做了個夢,這個夢就是我離開了北京,不用上班天天能陪著自己最愛的人,自己的孩子,過著每一天的生活!


感謝您耐心閱讀黃大胖子的陋文,由於我還是一個未經世事的美男子,才疏學淺,如有錯誤之處,請多多指正!

江湖再見,歡迎您關注我! image

image
本文專案原始碼 :
GarfieldHuang/GarfieldHuang