背景:点击easyUI datagrid列头弹出combox下拉框,实现对列内容的筛选。
实现方法:
onLoadSuccess:function(data){
typeFilt();//表头类型下拉框
}
function typeFilt(){
//fieldValue是你想实现的单元格的filed的值
var title = $('.datagrid-header-row td[field="fieldValue"] span');
var combobox = '<select name="type" id="type" class="easyui-combobox" style="padding :2px;width : 80px;height: 32px;">'
+ '<option value="0">选项一</option>'
+ '<option value="1">选项二</option>'
+ '<option value="2">选项三</option>'
+ '</select>' ;
title.html(combobox);
$('#type').combobox({
panelHeight:'auto',
editable:false,
onChange:function(newValue,oldValue){
console.log(newValue);
}
});
}