實現在easyui中的datagrid，點擊某一列的列頭彈出combobox下拉框

 easyUI  datagrid在列頭加下拉框，實現對列內容的篩選。

代碼：

onLoadSuccess: function (data) {//Fires when data is loaded successfully.
            
            typeFilt();//表頭類型下拉框
            
            $('#pp').pagination('refresh', {
                total: data.total,
                pageNumber: data.page
            });
            toopTip(".downloadPic","下載");
            toopTip(".delPic","刪除");
        },

 

function typeFilt(){
    var title = $('.datagrid-header-row td[field="genre"] span');//素材類型列頭標簽
    var combobox = '<select name="type" id="ty" class ="easyui-combobox seleInput" style =" padding :2px;width : 80px;height: 32px;">'
                 + '<option value="0" selected="selected">素材類別</option>'
                 + '<option value="1">視頻廣告</option>'
                 + '<option value="2">音頻廣告</option>'
                 + '</select>';
    title.html(combobox);
    $('#ty').combobox({
        panelHeight:'auto',
        editable:false,
        onChange:function(newValue,oldValue){
            console.log(newValue);
        }
    });
}

效果圖：