DWZ(JUI)切换显示页数失效的解决方法

最近在学习dwz，但是遇到的问题很多，个人觉得dwz文档的指导性很小，遇见问题比较难解决，这个问题折腾了很久，最终是将两种解决方式综合起来解决的，希望使用dwz的朋友少走弯路。


解决方法：
1.修改dwz.ajax.js文件

A.替换dwzPageBreak方法

function dwzPageBreak(options){
    var op = $.extend({ targetType:"navTab", rel:"", data:{pageNum:"", numPerPage:"", orderField:"", orderDirection:""}, callback:null}, options);
    var $parent = op.targetType == "dialog" ? $.pdialog.getCurrent() : navTab.getCurrentPanel();
 
    if (op.rel) {
        var $box = $parent.find("#" + op.rel);
        var form = _getPagerForm($box, op.data);
        
        var params = $(form).serializeArray();
        if (op.numPerPage) {
            params[1].value = op.numPerPage;
        }
         
        if (form) {
            $box.ajaxUrl({
                type:"POST", url:$(form).attr("action"), data: params, callback:function(){
                    $box.find("[layoutH]").layoutH();
                }
            });
        }
    } else {
        var form = _getPagerForm($parent, op.data);
        var params = $(form).serializeArray();
        
        if (op.numPerPage) {
            params[1].value = op.numPerPage;
        }
         
        if (op.targetType == "dialog") {
            if (form) $.pdialog.reload($(form).attr("action"), {data: params, callback: op.callback});
        } else {
            if (form) navTab.reload($(form).attr("action"), {data: params, callback: op.callback});
        }
    }
}

B.替换_getPagerForm方法：

function _getPagerForm($parent, args) {
    //获取当前页面下查询Form节点  
    //#pagerForm Id 名字很重要 如果传递不了参数，可以检查一下 ID 名称         
    var form = $("#pagerForm", $parent).get(0);
    if (form) {
        //在这里会把你传递的参数附上。  
        if (args["pageNum"]) form[DWZ.pageInfo.pageNum].value = args["pageNum"];
        //<select class="" οnchange="navTabPageBreak({numPerPage:this.value})" name="numPerPage">   
        //在这里附上值，从而达到你切换数量时刷新页面的效果  
        if (args["numPerPage"]) form[DWZ.pageInfo.numPerPage].value = args["numPerPage"];
        if (args["orderField"]) form[DWZ.pageInfo.orderField].value = args["orderField"];
        if (args["orderDirection"] && form[DWZ.pageInfo.orderDirection]) form[DWZ.pageInfo.orderDirection].value = args["orderDirection"];
    }

    return form;
}  

2.修改dwz.combox.js文件
A.替换combox:function()中的一段代码

return this.each(function(i){

				var $this = $(this).removeClass("combox");
				var name = $this.attr("name");
				var value = $this.attr("ShowValue") ? $this.attr("ShowValue") : $this.val(); //增加一个showvalue属性以便初始化时选中值
				if (!document.all) { console.log("val", value + " --- " + $this.val()); } //控制台输出
				//增加一个target区分是否是分页使用的下拉菜单,如果是则执行,
				if ($this.attr("target") === "PerPage") {
				    $this.find("option").each(function (i) {
				        if (!document.all) { console.log("option", this); console.log("optionvalue", this.value); } //控制台输出
				        if (this.value != null && this.value === $this.attr("ShowValue")) { this.selected = "selected"; }
				    });
				}

3.将dwz的js文件重新压缩到dwz.min.js中，然后引用该js文件

4.前台使用方式
增加两个属性
target属性作用：区分当前下拉菜单是否是用来分页的。
ShowValue属性作用：当前显示的值.

<select   name="numPerPage"  target="PerPage" ShowValue="@ViewData["NumPerPage"]" class="combox" οnchange="navTabPageBreak({numPerPage:this.value})">
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="40">40</option>
                <option value="50">50</option>
                <option value="100">100</option>
            </select>