define(['mUtil', "Component", "wev-loading", "wev-pagination", "fieldParseHelper", "pageExpandHelper", "mApi/popup"], function (mUtil, Component, WevLoading, Pagination, fieldHelper, pageExpandHelper) {
    var NGridTable = function (options) {
        var _ng = {}, $comp, $contentWrapper, $errorTip;
        Component.super(this, options);

        this.type = "NGridTable";
        this.tpl = this.type + "_html";
        this.css = this.type + "_css";
        this.keysOfSkipedVarParse = ['dataurl'];
        this.dataload = true;
        this.components = {
            loading: new WevLoading({
                delay: 300,
                animation: 1
            }),
            pagination: new Pagination({
                onPrev: function(){
                    _ng.loadPrevPage();
                },
                onNext: function(){
                    _ng.loadNextPage();
                }
            })
        };

        var vm = this.viewModel = {
            dataSource: {
                type: 'mock'     //cube mock sql url api
            },
            pageStart: 1,
            pageSize: 10,
            showSet: {common: []},
            quickSearch: {
                hide: false,    //是否隐藏查询
                tip: "请输入...",
                fields: []        //指定查询列
            },
            advancedSearch: {},
            btns: [],
            summation: {
                group: false,    //分组合计
                page: false,
                total: false,    //总计
                groupTitle: "小计",
                pageTitle: "当页合计",
                totalTitle: "总计",
                columns: []
            },
            options: {
                width: "100%",
                height: "",
                fixedColumn: 0,        //锁定列数
                unreadBadge: false
            },
            relate: {},
            onload: function () { },
            standalone: true
        };

        this.beforeMount = function () {
            var showSet = vm.showSet[vm.dataSource.type] || vm.showSet.common || [];
            vm.headerView = {};
            if (mUtil.isArray(showSet) && showSet.length) {
                var normalCols = [];
                showSet.forEach(function (item) {
                    normalCols.push({
                        text: item.text,
                        width: item.width
                    });
                });
                vm.headerView.normal = normalCols;
            }

            if (vm.headerView.normal) {
                var fixedColumn = vm.options.fixedColumn || 0;
                var fixedCols = [];

                vm.headerView.normal.forEach(function (col, index) {
                    if (index < fixedColumn) {
                        fixedCols.push(col);
                        col.fixedColumn = true;
                    }

                    col.width = mUtil.toPixel(col.width, "width");
                });
                vm.headerView.fixed = fixedCols;
            }

            var gtWidth = vm.options.width;
            if (gtWidth) {
                vm.options.width = mUtil.toPixel(gtWidth, "width");
            }
            var gtHeight = vm.options.height;
            if (gtHeight) {
                vm.options.height = mUtil.toPixel(gtHeight, "max-height");
            } else {
                vm.options.autoHeight = true;
                vm.options.height = "height:auto";
            }
            //判断url是否包含变量
            vm.needReplaceUrl = mUtil.containsVariables(vm.options.dataurl);
            vm.isCube = vm.dataSource.type == 'cube';
            //过滤历史数据中静态页中的扩展按钮，改为动态获取
            if (vm.btns) {
                vm.btns = vm.btns.filter(function (ele) {
                    //历史数据无vm.pageExtend参数
                    if (ele.id.startsWith("pageexpandBtn")) vm.pageExtend = true;
                    return !ele.id.startsWith("pageexpandBtn");
                });
            }
        };

        this.mounted = function () {
            var that = this;
            $comp = this.$comp;
            $contentWrapper = $comp.find(".wev-ngridtable-view-wrapper");
            $errorTip = $comp.find(".wev-error");

            // 初始化表格数据
            _ng.refreshList(function(){
                mUtil.eval(vm.onload, that.pageid);
            });
            // 初始化搜索功能
            _ng.initSearch();
            //初始化自定义按钮,切换显示按钮
            _ng.initBtns();
            //计算固定列标题栏宽高
            _ng.resetGTTitleColumnSize();
            //绑定表格滚动事件
            _ng.initGTScrollEvent();

            var winHeight = $(window).height();
            var pageHeight = $(".page-scroller", this.$container).height();
            if(winHeight - pageHeight >= -1){//page-scroller不大于窗口高度时，去除表格标题栏touchmove默认事件，避免ios中会拖动整个页面
                $comp.find(".wev-ngridtable-main-content-wrapper>table").on('touchmove', function(event){
                    event.preventDefault();
                });
            }
            require(["lazyImgHelper"]);
            
            $(window).resize(function(){ //PC 微信 或  钉钉 窗口宽度变化后  需要重新计算内容宽度，fix明细表表头表数据不对齐的问题
                _ng.onResetView();
            });
            
            if (vm.options.readonly) return;

            //绑定单条数据，左滑按钮点击事件
            var $mainTb = $comp.find(".wev-ngridtable-main-content-body-wrapper>table");

            $mainTb.on("click", "tr:not(.wev-groupsum)", function(e){
                var $element = $(this);
                _ng.clickData(e, $element);

            });
            // 解析布局url
            vm.isCube && vm.relate.modeid != -1 && !vm.options.readonly && vm.options.urltype === 0 && util.parseLayoutUrl();
        };

        this.reload = function (args, callback) {
            _ng.state.dynamicParam = {};
            if (mUtil.isObject(args)) {
                $.extend(_ng.state.dynamicParam, args);
            }
            _ng.refreshList(callback);
        };

        _ng.state = {
            timestamp: 0,
            pageNo: vm.pageStart - 1,
            currPage: 0,
            totalPageCount: 0,
            list: [],
            conditions: {},
            dynamicParam: {}
        };

        _ng.initSearch = function () {
            var $search = $(".wev-search", this.$comp),
                $searchInput = $("input", $search);

            $search.on("click.active", ".wev-placeholder", function (e) {
                $search.addClass("wev-active").removeClass("wev-inactive");
                $searchInput.focus();
            }).on("click.clear", ".wev-clear-btn", function () {
                $searchInput.val("").focus().triggerHandler("input");
                _ng.state.conditions = {};
            });
            // 搜索框事件
            $searchInput.on("blur", function () {
                if (this.value) return;

                $search.removeClass("wev-active").addClass("wev-inactive");
            }).on("input", function () {
                $search.toggleClass("wev-has-value", !!this.value);
            }).on("keyup", function (e) {
                if (e.keyCode !== 13) return;

                _ng.state.conditions.searchKey = encodeURIComponent(this.value);
                _ng.state.conditions.searchFields = JSON.stringify(vm.quickSearch.fields || []);
                
                _ng.refreshList();
                this.blur();
            });

            if (!vm.isCube || !vm.advancedSearch.enable) return;
            
            require(["css!listAdvancedSearch_css"]);
            
            // 高级搜索
            var timestamp = new Date().valueOf(), pageid = this.pageid.split("_").slice(1).join("."), id = this.id;

            $search.on("click.advancedSearch", ".wev-search-advanced", function () {
                require(["mService"], function (mService) {
                    mService.show("search", {
                        _identity: id + "_" + timestamp,
                        id: id,
                        pageid: pageid,
                        searchid: vm.dataSource.searchid,
                        conditions: JSON.stringify(vm.advancedSearch.fields),
                        title: vm.advancedSearch.title
                    });
                });
            });
        };

        _ng.initBtns = function () {
            var that = this,
                pageid = this.pageid;
            if (vm.pageExtend) {
                var cfg = {
                    pageid: pageid,
                    searchid: vm.dataSource.searchid
                };
                pageExpandHelper.parsePageExpand($comp.find(".wev-search"), that.id, cfg);
            }

            if (!vm.btns.length) return;
            
            vm.btns.forEach(function (item) {
                if(item.script && !item.click){
                    item.click = mUtil.strToFunc(item.script);
                }
            });

            $(".wev-list-btn-container", $comp).on("click", ".btn.wev-btn-custom", function () {
                var index = $(this).data("index");
                mUtil.eval(vm.btns[index].click, pageid);
            });
        };
        
        _ng.resetGTTitleColumnSize = function () {
            var fixedColumn = vm.options.fixedColumn;
            //计算固定列容器宽度
            var fixedColumnWidth = 0;
            $(".wev-ngridtable-main-content-wrapper>table>thead>tr", $comp).first().children("th").each(function (i) {
                if (i < fixedColumn) {
                    fixedColumnWidth += $(this).width() + 1;
                }
            });
            _ng.fixedColumnWidth = fixedColumnWidth;
            
            $(".wev-ngridtable-fixed-content-wrapper > table", $comp).css("width", fixedColumnWidth + "px");
            $(".wev-ngridtable-fixed-content-wrapper", $comp).css("width", fixedColumnWidth + "px");
            $(".wev-ngridtable-fixed-content-body-wrapper-mapping", $comp).css("width", fixedColumnWidth + "px");
            
            //修复固定列标题高度和非固定列标题高度不等的问题
            var $firstTitleRow = $(".wev-ngridtable-main-content-wrapper>table>thead>tr", $comp).first();
            var $firstFixedTitleRow = $(".wev-ngridtable-fixed-content-wrapper>table>thead>tr", $comp).first();
            if ($firstFixedTitleRow.length) {
                var $col1 = $firstTitleRow.children("th").eq(0);
                var h1 = $col1.height();
                var contentH1 = $col1.css("height");
                var $col2 = $firstFixedTitleRow.children("th").eq(0);
                var h2 = $col2.height();
                var contentH2 = $col2.css("height");
                if (h1 > h2) {
                    $col2.css("height", contentH1);
                } else if (h1 < h2) {
                    $col1.css("height", contentH2);
                }
            }
        };
        
        _ng.initGTScrollEvent = function () {
            var rightScrolling = false;
            var rightTimeoutId = null;
            $(".wev-ngridtable-main-content-body-wrapper", $comp).on("scroll", function () {
                if (leftScrolling || verticalScrolling) {
                    return;
                }

                rightScrolling = true;
                if (rightTimeoutId) {
                    clearTimeout(rightTimeoutId);
                }
                $(".wev-ngridtable-fixed-content-body-wrapper-mapping", $comp).show();
                $(".wev-ngridtable-fixed-content-body-wrapper", $comp).scrollTop($(this).scrollTop());

                rightTimeoutId = setTimeout(function () {
                    rightScrolling = false;
                }, 1000);
            });

            var leftScrolling = false;
            var leftTimeoutId = null;
            $(".wev-ngridtable-fixed-content-body-wrapper", $comp).on("scroll", function () {
                if (rightScrolling || verticalScrolling) {
                    return;
                }

                leftScrolling = true;
                if (leftTimeoutId) {
                    clearTimeout(leftTimeoutId);
                }
                $(".wev-ngridtable-fixed-content-body-wrapper-mapping", $comp).show();
                $(".wev-ngridtable-main-content-body-wrapper", $comp).scrollTop($(this).scrollTop());

                leftTimeoutId = setTimeout(function () {
                    leftScrolling = false;
                }, 1000);
            });

            var verticalScrolling = false;
            var verticalTimeoutId = null;
            $(".wev-ngridtable-main-content-wrapper", $comp).on("scroll", function () {
                verticalScrolling = true;

                if (verticalTimeoutId) {
                    clearTimeout(verticalTimeoutId);
                }

                $(".wev-ngridtable-fixed-content-body-wrapper", $comp).css("visibility", "visible");
                $(".wev-ngridtable-fixed-content-body-wrapper-mapping", $comp).hide().css("left", $(this).scrollLeft() + "px");

                verticalTimeoutId = setTimeout(function () {
                    verticalScrolling = false;
                }, 100);
            });
        };

        var util = {
            parseLayoutUrl: function() {
                var url = mUtil.getActionUrl("service.FormComponent", { action: "resolveDefaultLayout" });
                mUtil.getJSON(url, { modelid: vm.relate.modeid, appid: vm.relate.appid, uitype: 1 }, function (result) {
                    vm.layoutUrl = result.data || "";
                    require(["mApi/other"]);//TODO 预加载
                }, function (errMsg) { });
            },
            parseDataUrl: function(billData, originUrl, billid){
                var dataurl = "", useCustomUrl = (vm.isCube && (vm.options.urltype == 1 || vm.relate.modeid == -1)) || !vm.isCube;
                if(useCustomUrl && originUrl){
                    dataurl = vm.needReplaceUrl ? fieldHelper.replaceVal(originUrl, billData) : originUrl;
                    if(dataurl.indexOf("javascript:") == -1 && vm.isCube){
                        if(!vm.options.isNewLayout && dataurl.indexOf("&billid=") == -1 && dataurl.indexOf("?billid=") == -1){
                            dataurl += (dataurl.indexOf("?") == -1 ? "?" : "&") + "billid=" + billid;
                        }
                    }
                }else{
                    dataurl = "javascript:void(0);";
                }
                return dataurl;
            },
            // 两个浮点数求和
            accAdd: function(num1, num2) {
                var r1 = num1.toString().split('.')[1],
                    r2 = num2.toString().split(".")[1], m, sum;

                r1 = r1 && r1.length || 0;
                r2 = r2 && r2.length || 0;
                m = Math.pow(10, Math.max(r1, r2));
                sum = Math.round(num1 * m + num2 * m) / m;
                sum = sum.toFixed(Math.max(r1, r2));// 恢复浮点数结果精度

                return sum;
            },
            changeToThousands: function(sv) {
                sv = sv.replace(/\s+/g, "") || "";

                return this.commafy(sv);
            },
            /**  
             * 数字格式转换成千分位  
             * @param{Object}num  
             */
            commafy: function(num) {
                num = num + "";
                num = num.replace(/[ ]/g, ""); //去除空格  
                if (!num || isNaN(num)) return "";
                //2.针对是否有小数点，分情况处理   
                var index = num.indexOf("."),
                    reg = /(-?\d+)(\d{3})/;
                if (index == -1) {//无小数点   
                    while (reg.test(num)) {
                        num = num.replace(reg, "$1,$2");
                    }
                } else {
                    var intPart = num.substring(0, index);
                    var pointPart = num.substring(index + 1, num.length);

                    while (reg.test(intPart)) {
                        intPart = intPart.replace(reg, "$1,$2");
                    }
                    num = intPart + "." + pointPart;
                }
                return num;
            },
            getHorizontalPadding: function($obj) {
                var paddingLeft = $obj.css("padding-left") || "";
                paddingLeft = paddingLeft.replace("px", "");
                paddingLeft = parseInt(paddingLeft) || 0;

                var paddingRight = $obj.css("padding-right") || "";
                paddingRight = paddingRight.replace("px", "");
                paddingRight = parseInt(paddingRight) || 0;

                return paddingLeft + paddingRight;
            }
        };
        var converter = {
            convert4Common: function(originDatas, columnSet){
                return {
                    billDatas: originDatas,
                    showDatas: originDatas.map(function(data) {
                        data._rowid = mUtil.UUID();
                        data.dataurl = util.parseDataUrl(data, vm.options.dataurl);
                        return {
                            rowid: data._rowid,
                            cols: columnSet.map(function(column, index){
                                return {
                                    columnId    : column.id,
                                    columnValue : mUtil.replaceValAndVarParser(column.field, data),
                                    columnWidth : mUtil.toPixel(column.width, "width"),
                                    fixedColumn : index < vm.options.fixedColumn,
                                }
                            })
                        }
                    })
                };
            },
            convert4Cube: function(originDatas, columnSet){
                var fieldmap = originDatas.fieldMap, listDatas = [], showDatas = [];
                originDatas.datas.forEach(function(data){
                    var dataItem = {}, dataId = data.keyvalue;
                    
                    dataItem._rowid = data._rowid = mUtil.UUID();
                    dataItem.id = dataId;
                    dataItem.dataurl = util.parseDataUrl(data.dataMap, vm.options.dataurl, dataId);
                    dataItem.dataMap = data.dataMap;
                    listDatas.push(dataItem);
                    
                    showDatas.push({
                        rowid: data._rowid,
                        id: dataId,
                        cols: columnSet.map(function(column, index){
                            var field = column.field, fieldid = field.fieldid, formField = fieldmap[fieldid] || {}, dataMap = data.dataMap, cleanValue = '';
                            var columnValue = fieldHelper.getFieldValue(field, data, fieldmap, false, true);
                            return {
                                columnId    : column.id,
                                columnValue : columnValue,
                                columnWidth : mUtil.toPixel(column.width, "width"),
                                fixedColumn : index < vm.options.fixedColumn,
                                readStatus  : data.readStatus
                            }
                        })
                    });
                });
                return {
                    billDatas: listDatas,
                    showDatas: showDatas
                };
            }
        };
        _ng.refreshList = function (cb) {
            var that = this,
                loading = this.components.loading,
                state = _ng.state;

            loading.setRefs(this.$comp, "wev-refreshing");
            loading.show();

            state.pageNo = vm.pageStart - 1;
            state.currPage = 0;
            state.list = [];

            _ng.loadData(function (hasMore, noData) {
                loading.hide();
                cb && cb();
                mUtil.trigger('dataload', that.pageid, that.id);
            });
        };
        _ng.showLoading = function () {
            var $loading = $contentWrapper.children(".data-loading");
            if (!$loading.length) {
                $contentWrapper.append("<div class='data-loading wev-loading'></div>");
            }
        };
        _ng.hideLoading = function($el){
            $contentWrapper.find(".data-loading").remove();
        };
        _ng.loadPrevPage = function(){
            var state = _ng.state;
            if(state.pageNo == vm.pageStart) return;
            state.pageNo -= 2;
            state.currPage -= 2;
            _ng.showLoading();
            _ng.loadData(function () {
                _ng.hideLoading();
            });
        };
        _ng.loadNextPage = function(){
            var state = _ng.state;
            if(state.pageNo == state.totalPageCount) return;
            _ng.showLoading();
            _ng.loadData(function () {
                _ng.hideLoading();
            });
        };
        _ng.loadData = function (callback) {
            var that = this,
                state = _ng.state,
                timestamp = new Date().valueOf(),
                sourceType = vm.dataSource.type,
                showFields = vm.showSet[sourceType] || vm.showSet.common;

            state.timestamp = timestamp;
            state.pageNo++;
            state.currPage++;
            
            var currPageParam = mUtil.getPageParam(that.pageid) || {},
                defReqParam = $.extend({}, currPageParam, state.dynamicParam, state.conditions),
                searchKey = typeof(defReqParam.searchKey) != 'undefined' ? defReqParam.searchKey || "" : defReqParam.search_key || "",
                commonReqParam = {
                    pageNo: state.pageNo, 
                    pageSize: vm.pageSize, 
                    searchKey: searchKey
                },
                defInnerParam = $.extend({}, commonReqParam, {
                    PAGE_NO: state.pageNo, 
                    PAGE_SIZE: vm.pageSize, 
                    SEARCH_KEY: searchKey
                });
            
            commonReqParam = $.extend(defReqParam, commonReqParam);
            var showError = function(msg){
                callback(false, false);
                $errorTip.html(msg).show();
            };
            if(sourceType == 'cube'){
                var groupfield = vm.summation.group && vm.summation.groupField.id || "";
                //拓展请求参数
                var fieldparse = fieldHelper.parseFieldIds(JSON.stringify(showFields));
                var requestParam = $.extend({}, commonReqParam, {
                    action: "getDatas",
                    searchid: vm.dataSource.searchid,
                    fieldparse: fieldparse,
                    groupfield: groupfield,
                    unreadBadge: vm.options.unreadBadge
                });
                var actionUrl = mUtil.getActionUrl(that.type, requestParam, that.pageid);
                mUtil.getJSON(actionUrl,function (result) {
                    result = result.data;
                    if (timestamp != state.timestamp) return;
                    
                    var convertResult = converter.convert4Cube(result, showFields);
                    _ng.renderData(convertResult.billDatas, convertResult.showDatas, result.totalSize, callback);
                }, showError);
            }else if(sourceType == 'mock'){
                var mockData = vm.dataSource.mockData;
                var requestParam = commonReqParam;
                var result;
                if(mUtil.isArray(mockData)){
                    var matchFields = JSON.stringify(showFields).match(/\{(\w+)\}/g);
                    result = fieldHelper.convertFieldMockData(mockData, state.pageNo, vm.pageSize, decodeURIComponent(requestParam.searchKey || ""), matchFields);
                }
                if(result){
                    var convertResult = converter.convert4Common(result.datas.map(function(data){
                        return data.dataMap
                    }), showFields);
                    _ng.renderData(convertResult.billDatas, convertResult.showDatas, result.totalSize, callback);
                }else{
                    showError(mUtil.getLabel(6112, "内容来源未配置，请联系管理员。"));
                }
            }else if(sourceType == 'sql' && !vm.standalone){
                //拓展请求参数
                var requestParam = $.extend({}, commonReqParam, {
                    action: "getSqlDatas",
                    mec_id: that.id
                });
                
                var actionUrl = mUtil.getActionUrl(this.type, requestParam, this.pageid);
                
                mUtil.getJSON(actionUrl, function (result) {
                    result = result.data;
                    if (timestamp != state.timestamp) return;
                    
                    var convertResult = converter.convert4Common(result.datas, showFields);
                    _ng.renderData(convertResult.billDatas, convertResult.showDatas, result.totalSize, callback);
                }, showError);
            }else if(sourceType == 'url'){
                var urlConfig = vm.dataSource.urlConfig || {}, path = urlConfig.path || "";
                var sourceUrl = mUtil.replaceVal(path, defInnerParam);
                commonReqParam.searchKey = commonReqParam.searchKey ? decodeURIComponent(commonReqParam.searchKey) : "";
                var requestParam = commonReqParam;
                var formats = urlConfig.formats || {};
                require(["apiHelper"], function(apiHelper){
                    apiHelper.requestUrl(sourceUrl, formats, requestParam, function(result){
                        if (timestamp != state.timestamp) return;
                        
                        var totalSize = 0, datas;
                        if(formats.DATAS){
                            datas = mUtil.getKeyValue(formats.DATAS, result);
                            totalSize = formats.TOTAL_SIZE ? parseInt(mUtil.getKeyValue(formats.TOTAL_SIZE, result)) : datas.length;
                        }else{
                            datas = [{}];
                            totalSize = 1;
                        }
                        var convertResult = converter.convert4Common(datas, showFields);
                        _ng.renderData(convertResult.billDatas, convertResult.showDatas, totalSize, callback);
                    }, showError);
                });
            }else if(sourceType == 'api'){
                var apiConfig = vm.dataSource.apiConfig || {api: {},request: {},response: {}};
                //请求参数
                defInnerParam.SEARCH_KEY = defInnerParam.SEARCH_KEY ? decodeURIComponent(defInnerParam.SEARCH_KEY) : "";
                var requestParam = $.extend({}, commonReqParam, defInnerParam);
                require(["apiHelper"], function(apiHelper){
                    apiHelper.callApi(apiConfig, requestParam, function(result){
                        if (timestamp != state.timestamp) return;
                        
                        var formats = apiConfig.response.formats, totalSize = 0, datas;
                        if(formats.DATAS){
                            datas = mUtil.getKeyValue(formats.DATAS, result);
                            totalSize = formats.TOTAL_SIZE ? parseInt(mUtil.getKeyValue(formats.TOTAL_SIZE, result)) : datas.length;
                        }else{
                            datas = [{}];
                            totalSize = 1;
                        }
                        var convertResult = converter.convert4Common(datas, showFields);
                        _ng.renderData(convertResult.billDatas, convertResult.showDatas, totalSize, callback);
                    }, showError);
                });
            }else{
                showError(mUtil.getLabel(6113, '不支持的数据来源类型，请检查配置。'));
            }
        };

        _ng.clickData = function(e, $element) {
            var that = this;
            var $target = $(e.target);
            if($target.closest('.wev-file[data-docid]').length || $target.closest("img[data-groupid]").length) return;

            var dataid = $element.attr("data-rowid");
            var currItem = {}, dataurl;

            //自动解析页面移除未读、反馈角标
            if(!vm.options.readonly && vm.options.unreadBadge && vm.options.urltype == 0 && $element.find('span.wev-read-status').length){
                var $wrapper = $(".wev-ngridtable-content-wrapper", $comp);
                $wrapper.find('tr[data-rowid="'+dataid+'"] span.wev-read-status').remove();
            }

            _ng.state.list.every(function (item) {
                if (item._rowid != dataid) return true;

                currItem = item;
                return false;
            });

            if (vm.callback && mUtil.isFunction(vm.callback.click)) {
                vm.callback.click.call(this, currItem);
            }

            if (!currItem.id) return;
            if(vm.isCube && vm.relate.modeid != -1 && vm.options.urltype == 0){
                if (vm.layoutUrl) return $u(vm.layoutUrl + "&billid=" + currItem.id);
                Mobile_NS.getLayoutUrl(vm.relate.modeid, 1, currItem.id);
            }else if(currItem.dataurl){
                var dataurl = currItem.dataurl;
                if (dataurl.indexOf("javascript") === 0) {
                    mUtil.eval(dataurl, that.pageid);
                } else {
                    $u(dataurl);
                }
            }
        };
        
        _ng.renderData = function(datas, showDatas, totalSize, callback){
            var that = this;
            var pagination = this.components.pagination;
            var state = _ng.state;
            var pageNo = state.currPage;
            var pageSize = vm.pageSize;
            
            state.list = datas;
            
            var templateHtml = [
                '{@each datas as row}',
                '<tr data-id="${row.id}" data-rowid="${row.rowid}">',
                    '{@each row.cols as col,index}',
                    '<td {@if col.fixedColumn === true}class="wev-ngridtable-fixed-col"{@/if} style="${col.columnWidth}" colindex="${col.columnId}">',
                        '$${col.columnValue}',
                        '{@if index == 0}',
                            '{@if col.readStatus == "1"}',
                                '<span class="wev-read-status wev-unread"></span>',
                            '{@else if col.readStatus == "2"}',
                                '<span class="wev-read-status wev-feedback"></span>',
                            '{@/if}',
                        '{@/if}',
                    '</td>',
                    '{@/each}',
                '</tr>',
                '{@/each}'
            ].join('');

            var html = mUtil.parseTemplate(templateHtml, {datas: showDatas}),
                $list = $(".wev-ngridtable-main-content-body-wrapper > table > tbody", $comp);

			$list.html(html);
			
			$newList = $(".wev-ngridtable-main-content-body-wrapper > table > tbody > tr", $comp)

			mUtil.trigger("onpagechange", that.pageid, that.id, [state.pageNo, $newList]);
			
            if(totalSize > 0){
                mUtil.renderVarParser(vm.needParseVar, function(){
                    //分组合计
                    _ng.initSummation().then(function(){
                        //保证标题宽度和内容宽度相等
                        _ng.resetGTContentColumnSize();
                        _ng.updateFixedContentColumn();
                        _ng.resetContentWrapperHeight();
                        //监听9宫格图片加载
                        _ng.observGridImgLoaded();
                    });
                });
            }else{
                _ng.resetGTContentColumnSize();
                _ng.updateFixedContentColumn();
                _ng.resetContentWrapperHeight();
            }

            var totalPageCount = totalSize % pageSize === 0 ? totalSize / pageSize : parseInt(totalSize / pageSize) + 1;
            if(totalSize == 0) totalPageCount = 1;
            state.totalPageCount = totalPageCount;
            var hasMore = pageNo < totalPageCount;
            var noData = totalSize <= 0;
            pagination.setCurrPage(pageNo, pageSize, totalSize, vm.pageStart);
            callback(hasMore, noData);
        };

        _ng.initSummation = function () {
            var that = this,
                groupSum = vm.summation.group,
                pageSum = vm.summation.page,
                totalSum = vm.summation.total,
                sumColumnIds = vm.summation.columns || [];
            
            if (!groupSum && !pageSum && !totalSum) return _ng.initTotalSum();
            var sumArr = [], pageSumArr = [];
            $(".wev-ngridtable-main-content-body-wrapper>table>tbody>tr.wev-groupsum", $comp).remove();
            $(".wev-ngridtable-main-content-body-wrapper>table>tbody>tr", $comp).each(function (i) {
                var $row = $(this);
                $row.children("td").each(function (j) {
                    var $col = $(this), colindex = $col.attr("colindex");
                    var dv = $col.text();
                    if(!dv) return;
                    if(!~sumColumnIds.indexOf(colindex)) return;
                    var sv = sumArr[j] || "0";
                    var tsv = pageSumArr[j] || "0";
                    if (!isNaN(dv)) {
                        sumArr[j] = util.accAdd(sv, dv);
                        pageSumArr[j] = util.accAdd(tsv, dv);
                        return;
                    }
                    dv = dv.replace(/,/g, "");
                    if (isNaN(dv)) return;
                    // 金额千分位
                    sv = sv.replace(/,/g, "");
                    sv = util.accAdd(sv, dv);
                    sumArr[j] = util.changeToThousands(sv);

                    tsv = tsv.replace(/,/g, "");
                    tsv = util.accAdd(tsv, dv);
                    pageSumArr[j] = util.changeToThousands(tsv);
                });
                if (!groupSum) return;

                var $firstCol = $row.children("td").first();
                var firstColVal = $firstCol.text();
                var $nextfirstCol = $row.next().children("td").first();
                var nextfirstColVal = $nextfirstCol.text();
                if (firstColVal == nextfirstColVal) return;
                var $groupRow = $row.clone();
                var $groupCol = $groupRow.children("td");

                $groupRow[0].className = "wev-groupsum";
                $groupCol.each(function (j) {
                    $(this).html(sumArr[j] || "");
                });
                $row.after($groupRow);
                sumArr = [];
            });
            if(!pageSumArr[0] && groupSum){//第一列如果未统计，则显示标题
                $comp.find("tr.wev-groupsum:not(.wev-pagesum)").each(function(){
                    $(this).children("td").first().html(vm.summation.groupTitle);
                });
            }
            
            var $lastRow = $(".wev-ngridtable-main-content-body-wrapper>table>tbody>tr", $comp).last();
            if (!pageSum || !$lastRow.length) return _ng.initTotalSum(pageSumArr);
            var $totalRow = $lastRow.clone();
            var $totalCol = $totalRow.children("td");

            $totalRow[0].className = "wev-groupsum wev-pagesum";
            $totalCol.each(function (j) {
                var text = pageSumArr[j];
                if(j == 0 && !text){
                    text = vm.summation.pageTitle;
                }
                $(this).html(text || "");
            });
            $lastRow.after($totalRow);
            return _ng.initTotalSum(pageSumArr);
        };
        
        _ng.initTotalSum = function(pageSumArr){
            var deffered = $.Deferred();
            var type = vm.dataSource.type;
            if(!vm.summation.total || (type != 'cube' && type != 'sql')){
                deffered.resolve();
                return deffered;
            }
            if(_ng.$totalRow && _ng.state.pageNo != vm.pageStart){
                var $lastRow = $(".wev-ngridtable-main-content-body-wrapper>table>tbody>tr", $comp).last();
                $lastRow.after(_ng.$totalRow);
                deffered.resolve();
                return deffered;
            }

            var parseField = function(content){
                var match = /{(.*?)}/.exec(content);
                return match ? match[1] : "";
            };
            var sumColumns = vm.summation.columns || [];
            var showSet = vm.showSet[vm.dataSource.type] || vm.showSet.common || [], fnames = {};
            showSet.forEach(function(column, index) {
                if(~sumColumns.indexOf(column.id)){
                    var field = column.field;
                    if(mUtil.isObject(field)){
                        if(field.fieldid == -1){
                            var fname = parseField(field.fielddesc);
                            fname && (fnames[column.id] = fname);
                        }else if(field.fieldid > 0){
                            fnames[column.id] = "fieldid" + field.fieldid;
                        }
                    }else{
                        var fname = parseField(field);
                        fname && (fnames[column.id] = fname);
                    }
                }
            });

            var render = function(data){
                var $lastRow = $(".wev-ngridtable-main-content-body-wrapper>table>tbody>tr", $comp).last();
                var $totalRow = _ng.$totalRow = $lastRow.clone();
                $totalRow[0].className = "wev-groupsum wev-totalsum";
                $totalRow.children("td").each(function (index) {
                    var $td = $(this), colindex = $td.attr("colindex");
                    var val = "", fieldname = fnames[colindex];
                    if(fieldname && data[fieldname]){
                        var psv = pageSumArr[index] || "";
                        var acc = (psv.split('.')[1] || "").length;
                        val = Number(data[fieldname]).toFixed(acc);
                    }
                    if(index == 0 && !fieldname){
                        val = vm.summation.totalTitle;
                    }
                    $td.html(val);
                });
                $lastRow.after($totalRow);
                deffered.resolve();
            };

            if(!$.isEmptyObject(fnames)){
                var currPageParam = mUtil.getPageParam(this.pageid) || {},
                    defReqParam = $.extend({}, currPageParam, _ng.state.dynamicParam, _ng.state.conditions),
                    searchKey = typeof(defReqParam.searchKey) != 'undefined' ? defReqParam.searchKey || "" : defReqParam.search_key || "";
                
                var requestParam = $.extend(defReqParam, {
                    action: "getCount",
                    mec_id: this.id,
                    fields: Object.keys(fnames).map(function(key){
                        return fnames[key];
                    }).join(","),
                    searchKey: searchKey
                });
                var actionUrl = mUtil.getActionUrl(this.type, requestParam, this.pageid);
                mUtil.getJSON(actionUrl, function (result) {
                    render(result.data);
                }, function(errMsg){
                    render({});
                });
            }else{
                render({});
            }
            
            return deffered;
        };
        
        _ng.resetGTContentColumnSize = function () {
            var that = this,
                contentTdWidthArr = [];
            //获取第一行数据的每列列宽
            var $firstContentRow = $(".wev-ngridtable-main-content-body-wrapper>table>tbody>tr", $comp).first();
            $firstContentRow.children("td").each(function () {
                var w = $(this).width();
                contentTdWidthArr.push(w);
            });

            var $firstTitleRow = $(".wev-ngridtable-main-content-wrapper>table>thead>tr", $comp).first();
            //比较标题列宽是否等于数据列宽，如果不等于则重新计算标题列宽
            $firstTitleRow.children("th").each(function (i) {
                var $th = $(this);
                var w = contentTdWidthArr[i];
                if (w == null || typeof (w) == "undefined") {
                    return;
                }
                var w2 = $th.width();
                if (w != w2) {
                    var p = util.getHorizontalPadding($th);    //padding
                    var nw2 = w - p;
                    $th.css("width", nw2 + "px");
                }
            });
            var tWidth = $(".wev-ngridtable-main-content-wrapper>table", $comp).width();
            var cWidth = $(".wev-ngridtable-main-content-body-wrapper>table", $comp).width();
            $(".wev-ngridtable-main-content-body-wrapper", $comp).width(tWidth > cWidth ? tWidth : cWidth);
        };

        _ng.updateFixedContentColumn = function () {
            var that = this,
                fixedColumn = vm.options.fixedColumn;
            if (!fixedColumn || fixedColumn < 1) {
                return;
            }

            var $gtContent = $(".wev-ngridtable-main-content-body-wrapper>table", $comp);
            var $cloneGtContent = $gtContent.clone();
            $("tr", $cloneGtContent).each(function () {
                var $row = $(this);
                $row.children("td").not(".wev-ngridtable-fixed-col").remove();
                $row.children("td").removeClass("wev-ngridtable-fixed-col");
            });
            $cloneGtContent.css("width", _ng.fixedColumnWidth + "px");

            var $fixedGtContent = $(".wev-ngridtable-fixed-content-body-wrapper", $comp);
            $fixedGtContent.find("*").remove();
            $fixedGtContent.append($cloneGtContent);

            var $cloneGtContent2 = $cloneGtContent.clone();
            var $fixedGtContentMapping = $(".wev-ngridtable-fixed-content-body-wrapper-mapping", $comp);
            $fixedGtContentMapping.find("*").remove();
            $fixedGtContentMapping.append($cloneGtContent2);

            setTimeout(function(){
                //修复固定列行高
                $(".wev-ngridtable-main-content-body-wrapper>table>tbody>tr", $comp).each(function (i) {
                    var $row = $(this);
                    var $col = $row.children("td").eq(0);
                    var h = $col.height();
                    var contentH = $col.css("height");

                    var $col2 = $(".wev-ngridtable-fixed-content-body-wrapper>table>tbody>tr", $comp).eq(i).children("td").eq(0);
                    var h2 = $col2.height();
                    var contentH2 = $col2.css("height");

                    var $col3 = $(".wev-ngridtable-fixed-content-body-wrapper-mapping>table>tbody>tr", $comp).eq(i).children("td").eq(0);
                    var h3 = $col3.height();

                    if (h > h2) {
                        $col2.css("height", contentH);
                        $col3.css("height", contentH);
                    } else if (h < h2) {
                        $col.css("height", contentH2);
                    }
                });
            }, 100);

            if (vm.options.readonly) return;

            $fixedGtContent.on("click", "tr:not(.wev-groupsum)", function (e) {
                var $element = $(this);
                _ng.clickData(e, $element);
            });
        };
        
        _ng.resetContentWrapperHeight = function () {
            var $bodyWrapper = $comp.find(".wev-ngridtable-main-content-body-wrapper"),
                $searchWrapper = $comp.find(".wev-search"),
                $titleTable = $comp.find(".wev-ngridtable-main-content-wrapper > table"),
                $pagination = $comp.find(".wev-pagination"),
                $pageContent = $comp.closest(".page-content");
            
            var otherHeight = $searchWrapper.height() + $titleTable.height() + $pagination.height();
            var gtHeight = parseInt($bodyWrapper.css("max-height"));
            var maxHeight = isNaN(gtHeight) ? $pageContent.height() : gtHeight + otherHeight,
                bodyHeight = $bodyWrapper.children("table").height();
            bodyHeight = bodyHeight > 0 ? bodyHeight - 1 : 0;//强制容器可滚动，避免部分安卓机无法滚动
            
            if(bodyHeight > maxHeight - otherHeight){
                bodyHeight = maxHeight - otherHeight;
            }
            
            $bodyWrapper.height(bodyHeight);
            $comp.find(".wev-ngridtable-fixed-content-body-wrapper").height(bodyHeight);
        };
        
        _ng.observGridImgLoaded = function(){
            if(vm.options.fixedColumn < 1) return;
            //9宫格单图片加载完会改变表格高度，需重新计算固定列高度
            $comp.find("img.wev-imggrid-1p").on("load", function(){
                if(!~$(this).attr("src").indexOf("base64")){
                    _ng.updateFixedContentColumn();
                }
            });
        };
        
        //插件显示重置方法，如不可见转为可见或窗口resize
        _ng.onResetView = function(){
            _ng.resetGTTitleColumnSize();
            _ng.resetGTContentColumnSize();
            _ng.updateFixedContentColumn();
            _ng.resetContentWrapperHeight();
        };
        
        this.onResetView = function(){
            _ng.onResetView();
        };

        for(var key in _ng){
            if(mUtil.isFunction(_ng[key])){
                _ng[key] = _ng[key].bind(this);
            }
        }

        _ng.initBtns = _ng.initBtns.bind(this);
    };

    return Component.init(NGridTable);
});