[转载]扩展 easyui 控件系列：为datagrid 增加过滤行 - 疯狂秀才 - 博客园

$.extend($.fn.datagrid.defaults.view,{
            onAfterRender:function(target){
                var dc = $.data(target,'datagrid').dc;
                if(dc.header2.find('[filter="true"]').length == 0){
                    var header = dc.header1; //固定列表头
                    var header2 = dc.header2; // 常规列表头
                    var filterRow = $('<tr></tr>');
                    var opts = $.data(target,'datagrid').options;
                    var columns = opts.columns;
                    var frozenColumns = opts.frozenColumns;

                    $.each(frozenColumns[0],function(){
                        if(!this.checkbox){
                            var w = header.find('[field="'+this.field+'"] > div').width();

                            filterRow.append('<td><input style="width:'+w+'px"/></td>');
                        }
                        else{
                            header.find('.datagrid-header-check').parent().attr('rowspan',2)
                        }
                    });
                    header.find('tbody').append(filterRow);
                    filterRow = $('<tr filter="true"></tr>');

                    $.each(columns[0],function(){
                        var w = header2.find('[field="'+this.field+'"] > div').width();
                        if(this.hfilter){
                            var a = $('<input field="'+this.field+'" class="easyui-combobox" style="width:'+w+'px" />');
                            filterRow.append($('<td></td>').append(a));
                            a.data('options',this.hfilter);
                        }else{
                            filterRow.append('<td><input style="width:'+w+'px"/></td>');
                        }

                    });

                    header2.find('tbody').append(filterRow);

                    var dgData = $(target).datagrid('getData').rows;

                    header2.find('input[field]').each(function(){
                        var opts = $(this).data('options');
                        var field = $(this).attr('field');
                        $.extend(opts.options,{
                            onSelect:function(item){
                                var d = _.filter(dgData,function(row){
                                    return row[field].indexOf(item[opts.options.textField]) > -1;
                                });

                                $(target).datagrid('loadData',d);
                            }
                        });

                        $(this)[opts.type](opts.options);
                    })
                }
            }
        });