最近在学习dwz,但是遇到的问题很多,个人觉得dwz文档的指导性很小,遇见问题比较难解决,这个问题折腾了很久,最终是将两种解决方式综合起来解决的,希望使用dwz的朋友少走弯路。
解决方法:
1.修改dwz.ajax.js文件
A.替换combox:function()中的一段代码
4.前台使用方式
增加两个属性
target属性作用:区分当前下拉菜单是否是用来分页的。
ShowValue属性作用:当前显示的值.
解决方法:
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>