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);
}
});
}
效果图: