easyui之datagrid中点击列头弹出combox下拉框

背景：点击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);        

                }    

        });

}