笔记--javascript 局部刷新

$(function () {
nextpage(1); //分页部分，显示某页的内容，默认是第1页
});

 

nextpage = function (pagex) {
//调用reload方法，_refAdvancedPage为局部刷新部分div的id
reload('_refAdvancedPage', appendsearch({ 'page': pagex }));
};

 

reload = function (id, arg, cbk) {
var s = $('#' + id), thead = s.find('thead:first');
var orderBy = thead.attr('orderby'), order = thead.attr('order');
s.reload($.extend(arg, { 'nodr': order, 'nodry': orderBy }), cbk);
};

 

//绑定参数
appendsearch = function (arg) {
            arg = arg || {};
            var Status = $(":radio[name=Status][checked]").val();
            var StationSyno = $.trim($("#StationSyno").val());
            var OrderTime = $(":radio[name=OrderTime][checked]").val();
            var OStartDate = $.trim($("#OStartDate").val());
            var OEndDate = $.trim($("#OEndDate").val());
            if (Status != undefined) {
                arg["Status"] = Status;
            }
            if (StationSyno != '') {
                arg["StationSyno"] = StationSyno;
            }
            if (OrderTime != undefined) {
                arg["OrderTime"] = OrderTime;
            }
            if (OStartDate != "") {
                arg["OStartDate"] = OStartDate;
            }
            if (OEndDate != "") {
                arg["OEndDate"] = OEndDate;
            }
            return arg;
        };

 分页例子：

Proinfo.aspx:

<div id="con_one_2" style="display: none"><%--商品评价--%>
<et:reference id="_refAdvancedPage" ajax="true" autoload="true" file="GoodsComments.aspx"> //引用GoodsComments.aspx页面
</et:reference>
</div>

<script type="text/javascript">
$(function () {
nextpage(1); //初始显示第1页
});

nextpage = function (pagex) { //参数pagex为分页的页数
reload('_refAdvancedPage', appendsearch({ 'page': pagex })); //分页参数名为：page
};

reload = function (id, arg, cbk) {
var s = $('#' + id); //id在这里为_refAdvancedPage，引用页面的div的id
s.reload(arg, cbk);
};

appendsearch = function (arg) { //绑定参数
arg = arg || {};
var id = '<et:echo source="page" parameter="id" />';
if (id != undefined) {
arg["id"] = id;
}
return arg;
}
</script>

GoodsComments.aspx页面：

<div align="right">
<et:pager cssclass="pageitem"
href="javascript:nextpage({0})" //调用js中nextpage函数
mode="NumericFirstLast" pagebuttoncount="8" showrecordcount="true" RecordCountFormat="共&nbsp;&nbsp;<span id='sum2' style='color:Red'>{0}</span>&nbsp;&nbsp;条记录&nbsp;&nbsp;">
</et:pager>
</div>
<script type="text/javascript">
var vNum = $("#sum2").text().replace(/[^\x00-\xff]/g, "");
$("#commentcount").html(vNum);
</script>