利用JQuery方便实现基于Ajax的数据查询、排序和分页功能

作者:凯旋网络来源:凯旋网络
sp;     onInitPaging();

          

        }

    };

    $(''#viewform'').ajaxSubmit(options);

}

$(document).ready(

    function()

    {

        $("#search").click(function(){

        $("#pageindex").val(''0'');

        onSubmitPage()

       

        });

      onSubmitPage();

    }

);

约束规则巧用了html的自定义属性,以上代码描述查询,排序和分页的ajax提交处理。在编写HTML时只需要遵循描述的规则即可,你并不需要在编写任何脚本代码;只需要把脚本添加到页面里:
http://www.knowsky.com
    <script src=jquery-latest.js></script>

    <script src=form.js></script>

    <script src=calendar.js></script>

     <script src=calendar-setup.js></script>

    <script src="lang/calendar-en.js"></script>

    <script src=pagination.js></script>

    <form id="viewform"  method="post" action="FrmOrderView.aspx">

    <input id="orderfield" name="orderfield" type="hidden" value="" />

    <input id="pageindex" name="pageindex" type="hidden" value ="0"/>

    <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">

            <tr>

                <td valign="top" align="left">

                     <table width="550" cellpadding="0" cellspacing="0">

                        <tr>

                            <td style="width: 63px; height: 17px; background-color: gainsboro;">

                                CompanyName</td>

                            <td style="width: 114px; height: 17px;">

                              &

  • 广告推荐