筆記--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>