背景:点击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);? ? ? ??
? ? ? ? ? ? ? ? }? ??
? ? ? ? });
}