先看一下官方的测试:
官方的演示有两个 bug 一个是combox数字一直不变,二是当选回第一个值时不执行 onchange 事件。
经过firebug调试,这是一个bug,传到后台的参数没有得到及时替换,具体bug修复如下:
修改dwz.ajax.js中代码:
/**
* 处理navTab中的分页和排序
* targetType: navTab 或 dialog
* rel: 可选 用于局部刷新div id号
* data: pagerForm参数 {pageNum:"n", numPerPage:"n", orderField:"xxx", orderDirection:""}
* callback: 加载完成回调函数
*/
// 存在一个bug,没有替换options中的numPerPage大小
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);
// 替换form中的numPerPage值
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();
// 替换form中的numPerPage值
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});
}
}
}
完美解决了分页问题及选回 combox 第一个值不执行 onchange 事件。
记录一下...