웹 프론트엔드 JS 튜토리얼 JS Ajax Jquery는 페이지 새로 고침 없는 페이징 및 그룹화, 매우 강력한 구현을 구현합니다.

JS Ajax Jquery는 페이지 새로 고침 없는 페이징 및 그룹화, 매우 강력한 구현을 구현합니다.

May 16, 2016 pm 06:47 PM
쪽수 매기기 새로 고침 없음 페이지

<%@ Page language="c#" Codebehind="GroupText.aspx.cs" AutoEventWireup="false" 
Inherits="test1.GroupText" %> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 
4.0 Transitional//EN" > 
<HTML> 
    <HEAD> 
        <title>GroupText</title> 
        <meta 
name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1"> 
        <meta name="CODE_LANGUAGE" Content="C#"> 
        <meta 
name="vs_defaultClientScript" content="JavaScript"> 
        <meta 
name="vs_targetSchema" 
content="http://schemas.microsoft.com/intellisense/ie5"> 
        <LINK 
href="css/wmh.css" href="css/wmh.css" type="text/css" rel="stylesheet"> 
        <script src="js/jquery.js" 
type="text/javascript"></script> 
        <script 
src="js/Common.js" type="text/javascript"></script> 
        <script src="js/getCommonTable.js" 
type="text/javascript"></script> 
        <script 
src="js/GroupText.js" type="text/javascript"></script> 
        <script language="javascript"><!-- 
        var ecid = 
&#39;100001&#39;; 
        var jpstr = ""; 
        var pageSize = 8; 

         
// --></script> 

    </HEAD> 
    <body MS_POSITIONING="GridLayout"> 
        <form id="Form1" 
method="post" runat="server"> 
            <div class="listDiv" 
style="height:100%; PADDING-TOP: 2px"> 
                <table 
cellSpacing="0" cellPadding="0" width="100%" border="0"> 
                    <tr class="dg_header"> 
                        <td style="BORDER-RIGHT: 1px solid; BORDER-TOP: 
1px solid; BORDER-LEFT: 1px solid; WIDTH: 10%; BORDER-BOTTOM: 1px solid; 
TEXT-ALIGN: center" >活动名称</td> 
                        <td 
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; WIDTH: 10%; 
BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center">发送方</td> 
                        <td style="BORDER-RIGHT: 1px solid; BORDER-TOP: 
1px solid; WIDTH: 10%; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: 
center">接收方</td> 
                        <td 
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; WIDTH: 12%; 
BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center">发送时间</td> 
                        <td style="BORDER-RIGHT: 1px solid; BORDER-TOP: 
1px solid; WIDTH: 38%; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: 
center">发送内容</td> 
                        <td 
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; WIDTH: 10%; 
BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center">积分</td> 
                        <td style="BORDER-RIGHT: 1px solid; BORDER-TOP: 
1px solid; WIDTH: 10%; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: 
center">状态</td> 
                    </tr> 
                    <tr> 
                        <td 
class="dg_line" style="BORDER-BOTTOM: 0px solid" style="BORDER-BOTTOM: 0px 
solid" vAlign="top" width="100%" colSpan="7" 
                            height="100%"> 
                            <div id="divcontent" style="WIDTH: 100%; 
HEIGHT: 100%" align="left"></div> 
                        </td> 
                    </tr> 
                    <tr> 
                        <td 
class="dg_line" style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; 
BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" style="BORDER-RIGHT: 1px 
solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" 
                            width="100%" colSpan="10"> 
                            <table width="100%"> 
                                <tr> 
                                    <td class="pgtext">共<span 
id="recordcount" style="COLOR: red" style="COLOR: red">0</span>条记录    
                                        目前第<span id="curpageindex" 
style="COLOR: red" style="COLOR: red">0</span> <font 
color="red">/</font><span id="pgcount" style="COLOR: red" 
style="COLOR: red">0</span>页    
                                        <input class="pageText" 
id="gototxt" type="text" maxLength="10" name="gototxt" runat="server"> 
                                        <input id="gotopg" type="button" 
class="goBtn"></td> 
                                    <td 
align="right"><IMG id="btnfirst" style="CURSOR: hand" style="CURSOR: hand" 
alt="首页" src="Images/first.gif"> 
                                        <IMG id="btnpre" style="CURSOR: 
hand" style="CURSOR: hand" alt="上一页" src="Images/btn_pre.gif" > <IMG 
id="btnnext" style="CURSOR: hand" style="CURSOR: hand" alt="下一页" 
src="Images/btn_next.gif" > 
                                        <IMG id="btnlast" style="CURSOR: 
hand" style="CURSOR: hand" alt="尾页" src="Images/btn_last.gif" > 
                                    </td> 
                                </tr> 
                            </table> 
                        </td> 
                    </tr> 
                </table> 
            </div> 
        </form> 
    </body> 
</HTML>
로그인 후 복사

Common.js

Common.js: 
//时间格式化 

function getDateByFormat(oldDate){ 
                var Dy = oldDate.getFullYear(); 
                var Dm = 
oldDate.getMonth()+1; 
                var Dd = oldDate.getDate(); 
                if(Dm<10){ 
                    Dm = "0" + Dm; 
                } 
                if(Dd<10){ 
                    Dd = "0" + Dd; 
                } 
                var newDate = Dy+&#39;-&#39;+Dm+&#39;-&#39;+Dd; 

                    return newDate; 
                } 
//日期-时间格式化 
function getDateTimeByFormat(oldDate){ 
                var Dy = 
oldDate.getFullYear(); 
                var Dm = oldDate.getMonth()+1; 
                var Dd = oldDate.getDate(); 
                var Dh = 
oldDate.getHours(); 
                var Dmi = oldDate.getMinutes();   
                var Ds    = oldDate.getSeconds();    
                if(Dm<10) 
                    Dm = "0" + Dm; 
                if(Dd<10) 
                    Dd = "0" + Dd; 

                if(Dh<10) 
                 Dh = "0" + Dh; 
                if(Dmi<10) 
                    Dmi = "0" + Dmi; 
                if(Ds<10) 
                    Ds = "0" + Ds; 

                var newDate = Dy+&#39;-&#39;+Dm+&#39;-&#39;+Dd+&#39; &#39;+Dh+&#39;:&#39;+Dmi+&#39;:&#39;+Ds; 
                    return newDate; 
                } 

//只能输入数字 
function txtnumber() 
            { 
                if 
((event.keyCode >57) || (event.keyCode <48)) 
                    return false;else return true; 
            } 

        //只能输入数字和字母 

    function txtnumchar() 
            { 
//65- 90 97-122 
                var kcode = event.keyCode; 
                if (kcode >= 48 && kcode <= 57) 
                    return true; 
                else if(kcode >= 65 
&& kcode <= 90) 
                    return true; 
                else if (kcode >= 97 && kcode <= 122) 
                    return true; 
                else 
                    return false; 
            }
로그인 후 복사

getCommonTable.js 

getCommonTable.js 
//获取table头 
         function 
getTableHeadByWidth(widthSize,ids){ 
         var Tableone = "<table 
id=&#39;tab"+ids+"&#39; border=&#39;0&#39; cellspacing=&#39;0&#39; cellpadding=&#39;0&#39; "; 
         var 
Tabletwo = ">"; 
         if (widthSize == "") 
         return 
Tableone + Tabletwo; 
         else 
         return 
Tableone+"width="+widthSize+Tabletwo; 

        } 

         
//获取第一个tr td 传一个宽度值 
        function 
getTrAndTdFirstByCWidth(classname,widthSize){ 
         var tdone = " <tr 
"; 
         var tdtwo = "><td style="BORDER-BOTTOM: 1px solid;" 
style="BORDER-BOTTOM: 1px solid;" align=&#39;center&#39; "; 
         var tdthr = " 
> "; 
         if (classname =="") 
         tdone += tdtwo; 
         else 
         tdone+=" class =&#39;"+classname+"&#39; "+tdtwo; 

         if (widthSize == "") 
         tdone += tdthr; 
         else 
         tdone += " width="+widthSize+tdthr; 

         return 
tdone; 
        } 

        //获取下一个TD,传一个宽度值 
        function 
getTdNextByWidth(widthSize){ 
         var tdone = " </td><td 
style=" BORDER-BOTTOM: 1px solid" style=" BORDER-BOTTOM: 1px solid" 
align=&#39;center&#39; "; 
         var tdtwo =">"; 
         if (widthSize 
=="") 
         return tdone+tdtwo; 
         else 
         return 
tdone+"width="+widthSize+tdtwo; 
        } 

        //获取最后一个td 
        function getTdLastByWidth(widthSize){ 
         var tdone = 
" </td><td style=" BORDER-BOTTOM: 1px solid" style=" BORDER-BOTTOM: 1px 
solid" align=&#39;center&#39; "; 
         var tdtwo =">"; 
         if 
(widthSize =="") 
         return tdone+tdtwo; 
         else 
         return tdone+"width="+widthSize+tdtwo; 
        } 
        //获取最后一个tr/td 
        function getTrAndTdLast(){ 
         return 
" </td></tr>"; 
        } 

         
        //获取table尾 
        function getTableLast(){ 
         return "</table>"; 
        } 

        //获取img 
        function 
getImgByParams(imgUrl,altstr,eventName,eventParams,imgid){ 
         var one 
= "<img border=&#39;0&#39; style="CURSOR: hand" style="CURSOR: hand""; 
         if (imgUrl != "") 
         one += "src=&#39;"+imgUrl+"&#39;"; 
         if 
(altstr != "") 
         one += "alt=&#39;"+altstr+"&#39;"; 
         if(imgid != 
"") 
         one += "id=&#39;"+imgid+"&#39;"; 

         one += 
"onclick=&#39;"+eventName+"("+eventParams+");&#39;> "; 

         return one 
        } 

//--------排序--------------------------- 
            //通过字段的内容排序 
        SortByBtnidAndCellName=function(btnId,cellName,celltype){ 
            var way =    getOpType(btnId);//0为正。1为倒 
            var ds = 
userdata.value; 
            var sortarr= new Array(); 
            if 
((ds!= null) && (typeof(ds) == "object")){ 
             var len = 
ds.Rows.length; 
             if(celltype==&#39;S&#39; || celltype==&#39;N&#39;){ 
                        for(var j=0;j<len;j++){ 
                            sortarr[j] = 
ds.Rows[j][cellName];//.substr(0,1);//通过字符 
                            } 
                    }else if(celltype==&#39;D&#39;){ 
                        for(var i=0;i<len;i++){ 
                                    sortarr[i] = 
getDateByFormat(ds.Rows[i][cellName]);//通过日期 
                            } 
                    } 
                if(sortarr!=&#39;&#39;){ 
                    var indexarr = new Array(); 
                    indexarr = getSortArray(sortarr,celltype);//得到新的排序规则 
                    if(indexarr != &#39;&#39;){ 
                        setSortAginbyWay(indexarr,way); 
                    } 
                } 
            } 
        } 

        //获得排序 
        getOpType=function(btnid){//返回0正序,1为倒序 
            var imgName= $("#"+btnid).attr("src"); 
            var wz = 
imgName.indexOf(&#39;.gif&#39;); 
            var oldImg =imgName.substr(wz-9,9); 
            if(oldImg==&#39;sort_desc&#39;){//当前是倒序或未排序,需要正序sort_ascc 
                $("#"+btnid).attr("src","../Images/sort_ascc.gif"); 
                return 0; 
            }else{ 
                $("#"+btnid).attr("src","../Images/sort_desc.gif"); 
                return 1; 
            } 

        } 
        //按JS Sort排序 获得新的排序规则 
        getSortArray=function 
(sortdatearr,celltype){// 参数为array 
                var sortstr = &#39;&#39;; 
                for(var k=0;k<sortdatearr.length;k++){ 
                if(sortstr==&#39;&#39;) 
                        sortstr=sortdatearr[k]; 
                    else 
                        sortstr+=&#39;^%^&#39;+sortdatearr[k]; 
                } 
                var newsortdate =sortdatearr; 
                var len = 
sortdatearr.length; 

                    if(celltype ==&#39;S&#39; || celltype 
==&#39;D&#39;) 
                        newsortdate.sort();//字符排序 
                    else{ //数字排序 
                        for(var 
i=0;i<len;i++){ 
                            var tmp =0; 
                            for(var j=i+1;j<len;j++){ 
                                if(newsortdate[i]>newsortdate[j]){ 
                                    tmp = newsortdate[i]; 
                                    newsortdate[i] = newsortdate[j]; 
                                    newsortdate[j] =tmp; 
                                } 
                            } 
                        } 
                    } 

             var 
tmpsortdate =sortstr.split(&#39;^%^&#39;) 

             var resultarr = new 
Array(); 
             for(var i = 0;i<len;i++){ 
                    for(var j = 0;j<len;j++){ 
                     if(newsortdate[i]==tmpsortdate[j]){ 
                            resultarr[i] 
= j; 
                            tmpsortdate[j] =&#39;||||||||&#39;; 
                            break; 
                     } 
                    } 
             } 

             return 
resultarr; 
        }; 

//--------------------end------------------------------- 
//删除重复的手机号码 
SplitRepeatMobile=function(mobile){ 
    var mob=mobile; 
    for(var 
i=0;i<mob.length;i++){ 
        for(var j=i+1;j<mob.length;j++){ 
            if(mob[i]==mob[j]){ 
                mob.splice(j,1); 
            } 
        } 
    } 
    return mob; 
}
로그인 후 복사
GroupText.js 

        var totalCount;//总页 
var userdata;//数据对象 
    $(document).ready(function(){             

             
            if(ecid !=""){ 
             firstSearch(ecid); 
            } 

            $("#ddlCsList").change(function(){ 
             ecid = $.trim($("#ddlCsList").val()); 
             firstSearch(ecid); 
            }); 

            $("#btnfirst").click(function(){ 
         firstSearch(ecid); 
            }); 

            $("#btnnext").click(function(){ 
             nextSearch(ecid); 
            }); 

            $("#btnpre").click(function(){ 
             preSearch(ecid); 
            }); 

            $("#btnlast").click(function(){ 
             lastSearch(ecid); 
            }); 

            $("#gotopg").click(function(){ 
             gotoSearch(ecid); 
            }); 

         

}); 
//绑定数据 
        function binddata(udata) 
        { 
         jpstr 
="";//这样的目的是清空,很有用的一步 

         var ds = udata.value; 

                    if ((ds!= null) && (typeof(ds) == "object")) 
                    { 
                     //alert( ds.Rows[0].ItemName 
) 
                     var c = ds.Rows.length; 
                     var 
newarr = getdataarr(udata); 
                     for(var k = 0; 
k<newarr.length;k++){ 

                             
                            var tmp = newarr[k]; 
                            jpstr +="<tr><td style=" BORDER-BOTTOM: 
1px solid" style=" BORDER-BOTTOM: 1px solid"><IMG id 
=&#39;"+ds.Rows[tmp].srId+"&#39; onclick=showOrHide("+ds.Rows[tmp].srId+") 
style="CURSOR: hand" style="CURSOR: hand" src="Images/uuu.gif" 
src="Images/uuu.gif"><B>"+ds.Rows[tmp].ItemName+"</b></td></tr><tr><td>" 
                            var jpstrA=""; 
                            for(var i=tmp; i<c; i++) 
                            { 

                             if(ds.Rows[tmp].ItemName == ds.Rows[i].ItemName ){ 
                                            jpstrA += 
getTrAndTdFirstByCWidth("dg_item","10%") + 
                                                            ""+ds.Rows[i].ItemName 
+ getTdNextByWidth("10%") + 
                                                            ""+ds.Rows[i].SendMod 
+ getTdNextByWidth("10%") + 
                                                            ""+ds.Rows[i].RecvMod 
+ getTdNextByWidth("12%") + 
                                                            ""+getDateByFormat(ds.Rows[i].SendDate) 
+ getTdNextByWidth("38%") + 
                                                            ""+ds.Rows[i].SendMsg 
+ getTdNextByWidth("10%") + 
                                                            ""+ds.Rows[i].JfValue 
+ getTdLastByWidth("10%") + 
                                                            ""+getTextByStatus(ds.Rows[i].SendStatus) 
+ 
                                                            "" + 
getTrAndTdLast(); 
                                        } 
                                }     

                                jpstr 
+=getTableHeadByWidth("100%",ds.Rows[tmp].srId) + jpstrA + getTableLast(); 

                                jpstr += "</td></tr>"; 

                        } 
                        jpstr ="<table 
width=100%>"+jpstr+"</table>"; 

                             

                                document.getElementById("divcontent").innerHTML 
= jpstr; 
                                //alert(jpstr); 

                } 
                else 
                { 
                    document.getElementById("divcontent").innerHTML = 
"";     
                } 

} 
showOrHide=function(ids){ 
            $("#tab"+ids).toggle(); 
            var imgName= 
$("#"+ids).attr("src"); 

                var wz = 
imgName.indexOf(&#39;.gif&#39;); 
                var oldImg =imgName.substr(wz-3,3); 

                if(oldImg==&#39;uuu&#39;)//选择 
                        $("#"+ids).attr("src","Images/eee.gif"); 
                else{ 
                    $("#"+ids).attr("src","Images/uuu.gif"); 

                    } 

} 
function getdataarr(udata){ 
var 
ds = udata.value; 
            var resultArr= new Array(); 
            var dsstr=&#39;&#39;; 
            for(var i=0; i<ds.Rows.length; 
i++){ 
                resultArr[i] = $.trim(ds.Rows[i].ItemName); 
                if(dsstr==&#39;&#39;) 
                 dsstr 
=$.trim(ds.Rows[i].ItemName); 
                 else 
                 dsstr+=&#39;^%^&#39;+$.trim(ds.Rows[i].ItemName) 
            } 

            splitStr(resultArr) 

            var newArr = new 
Array(); 
            var temparr=dsstr.split(&#39;^%^&#39;) 
            for(var 
k=0;k<resultArr.length;k++){ 
                for(var 
m=0;m<temparr.length;m++){ 
                    if(resultArr[k]==temparr[m]){ 
                        newArr[k]=m; 
                        break; 
                    } 
                } 
            } 

            return newArr; 
} 
splitStr= function(oldarr){ 
                var nArr=oldarr; 
                var isok=false; 
                for(var l=0;l<nArr.length;l++){ 
                    for(var j=l+1;j<nArr.length;j++){ 
                    if(nArr[l]==nArr[j]){ 
                        nArr.splice(j,1); 
                        isok=true; 
                        }     
                } 
            } 

            if(isok) 
                splitStr(nArr); 

} 
function 
getTextByStatus(status){ 
            if(status==0){ 
             return 
"<font color=&#39;blue&#39;>启用</font>"; 
}else{ 
             return 
"<font color=&#39;red&#39;><B>禁用</B></font>"; 
} 
} 
function getImgByStatus(status){ 
if(status==0){ 
return 
"../Images/gz2.gif"; 
}else{ 
return "../Images/gz1.gif"; 
} 
} 
function getTxtByStatus(status){ 
if(status==0){ 
return "我要禁用"; 
}else{ 
return "我要启用"; 
} 
} 
//第一页 
        function 
firstSearch(ecid) 
        { 
         if (ecid != ""){ 
                 totalCount = Interactive.GetCmdSMSlogCount("1=1").value; 
                    userdata = 
Interactive.PageingOpenCmdSMSLog(1,pageSize);//Interactive.getInteractiveSMSByEcid(ecid,pageSize,1,totalCount); 

                    binddata(userdata); 

                    $("#recordcount").html(totalCount.toString());//curpageindex 
                    $("#curpageindex").html(totalCount==0?&#39;0&#39;:1); 
                    if (totalCount % pageSize ==0) 
                    { 
                     $("#pgcount").html((totalCount / pageSize).toString()); 
                    }else{ 
                     $("#pgcount").html(parseInt(totalCount / pageSize)+1); 
                    } 

                } 
        } 
    //下一页 
        function 
nextSearch(ecid){ 
         if (ecid != ""){ 
         var curpg 
=$("#curpageindex").html();//得到当前页 
         var pgCount = 
$("#pgcount").html();//得到总的页数 
         if (curpg < pgCount){ 
                        totalCount = 
Interactive.GetCmdSMSlogCount(&#39;1=1&#39;).value; 
                     userdata = 
Interactive.PageingOpenCmdSMSLog(parseInt(curpg)+1,pageSize); 

                        binddata(userdata); 
                        $("#recordcount").html(totalCount);//curpageindex 
                        $("#curpageindex").html(parseInt(curpg)+1); 
                        if (totalCount % pageSize ==0) 
                        { 
                        $("#pgcount").html(totalCount / pageSize); 
                        }else{ 
                            $("#pgcount").html(parseInt(totalCount / 
pageSize)+1); 
                        } 
                    }else{ 
                     alert("当前已经是尾页了!"); 
                    } 
                } 
        } 
    //上一页 
        function 
preSearch(ecid){ 
         if (ecid != ""){ 
         var curpg 
=$("#curpageindex").html();//得到当前页 
         var pgCount = 
$("#pgcount").html();//得到总的页数 
         if (curpg > 1 ){ 
                        totalCount = 
Interactive.GetCmdSMSlogCount(&#39;1=1&#39;).value; 
                     userdata = 
Interactive.PageingOpenCmdSMSLog(parseInt(curpg)-1,pageSize); 
                        binddata(userdata); 
                        $("#recordcount").html(totalCount);//curpageindex 
                        $("#curpageindex").html(parseInt(curpg)-1); 
                        if (totalCount % pageSize ==0) 
                        { 
                        $("#pgcount").html(totalCount / pageSize); 
                        }else{ 
                            $("#pgcount").html(parseInt(totalCount / 
pageSize)+1); 
                        } 
                    }else{ 
                         alert("当前已经是首页了!"); 
                    } 
                } 
        } 
        //尾页 
        function 
lastSearch(ecid){ 
         if (ecid != ""){ 
         var curpg 
=$("#curpageindex").html();//得到当前页 
         var pgCount = 
$("#pgcount").html();//得到总的页数 
         if (curpg < pgCount ){ 
                        totalCount = 
Interactive.GetCmdSMSlogCount(&#39;1=1&#39;).value; 
                     userdata = 
Interactive.PageingOpenCmdSMSLog(pgCount,pageSize); 
                        binddata(userdata); 
                        $("#recordcount").html(totalCount);//curpageindex 
                        $("#curpageindex").html(pgCount); 
                        if (totalCount % pageSize ==0) 
                        { 
                        $("#pgcount").html(totalCount / pageSize); 
                        }else{ 
                            $("#pgcount").html(parseInt(totalCount / 
pageSize)+1); 
                        } 
                    } 
                } 

        } 

        //跳转指定页 
        function gotoSearch(ecid){ 
         if (ecid != ""){ 
         var curpg =$("#curpageindex").html();//得到当前页 
         var 
pgCount = $("#pgcount").html();//得到总的页数 
         var pggoto 
=$("#gototxt").val(); 
         var reg = /[^\d]/g; 
                    if (($.trim(pggoto) != "") && 
!(reg.test(pggoto))){ 
                        if ((parseInt(curpg) != 
parseInt(pggoto)) && (pggoto <= pgCount)){ 
                            totalCount = 
Interactive.GetCmdSMSlogCount(&#39;1=1&#39;).value; 
                            userdata = 
Interactive.PageingOpenCmdSMSLog(pggoto,pageSize); 
                            binddata(userdata); 
                            $("#recordcount").html(totalCount);//curpageindex 
                            $("#curpageindex").html(pggoto); 
                            if (totalCount % pageSize ==0) 
                            { 
                            $("#pgcount").html(totalCount / pageSize); 
                            }else{ 
                                $("#pgcount").html(parseInt(totalCount / 
pageSize)+1); 
                            } 
                        } 
                    }else{ 
                        alert("请输入正确的数字!"); 
                    } 

                } 

        } 

        //刷新 
        function Refresh(ecid){ 
         if (ecid 
!= ""){ 
         var curpg =$("#curpageindex").html();//得到当前页 

                    totalCount = 
Interactive.GetCmdSMSlogCount(&#39;1=1&#39;).value; 
                    userdata = 
Interactive.PageingOpenCmdSMSLog(curpg); 
                    binddata(userdata); 
                    $("#recordcount").html(totalCount);//curpageindex 
                    $("#curpageindex").html(curpg); 
                    if (totalCount % pageSize ==0) 
                    { 
                    $("#pgcount").html(totalCount / pageSize); 
                    }else{ 
                        $("#pgcount").html(parseInt(totalCount / 
pageSize)+1); 
                    } 

                     
                } 

        }
로그인 후 복사
GroupText.aspx.cs: 
private void Page_Load(object sender, System.EventArgs e) 
{ 
// 在此处放置用户代码以初始化页面 
Ajax.Utility.RegisterTypeForAjax(typeof(DataAccess.Interactive)); 
}
로그인 후 복사
Interactive.cs: 
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)] 
        public DataTable PageingOpenCmdSMSLog(int pgindex,int pageSize) 
        { 
            int pageIndex=pgindex; 
            DataTable 
dt = new DataTable (); 
            JSONHelper json = new JSONHelper(); 
            int count = GetCmdSMSlogCount("1=1"); 
            dt = 
GetDataByPager2000("SendAndRecvData S left join InteractiveSMS I on 
(S.ItemId=I.Id AND S.ECID=I.ECID)","srId","1=1",pageSize,pageIndex,"srId",1, 
                "S.srId,I.ItemName,S.SendMod,S.RecvMod,S.SendDate,S.SendMsg,S.JfValue,S.SendStatus",count); 
            return dt; 
        } 

        [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)] 
        public int GetCmdSMSlogCount(string where) 
        { 
            try 
            { 
                int count = 
ReturnSQL("select count(*) from SendAndRecvData S left join InteractCommand I 
on(S.ItemId=I.Id AND S.ECID=I.ECID) where "+where); 
                return 
count; 
            } 
            catch (Exception) 
            { 

                throw; 
            } 
        } 
        /// 
<summary> 
        /// 分页获取数据列表 适用于SQL2000 
        /// 
</summary> 
        /// <param name="tablename">表名</param> 
        /// <param name="key">主键</param> 
        /// 
<param name="where">查询条件</param> 
        /// <param 
name="pagesize">每页记录数</param> 
        /// <param 
name="pageindex">页索引</param> 
        /// <param 
name="orderfield">排序字段</param> 
        /// <param 
name="ordertype">排序方式 1=ASC 0=DESC</param> 
        /// <param 
name="fieldlist">查找的字段</param> 
        /// <param 
name="recordcount">总记录数</param> 
        /// 
<returns></returns> 
        public static DataTable 
GetDataByPager2000(string tablename, string key, string where, int pagesize, int 
pageindex, string orderfield, int ordertype, string fieldlist, int recordcount) 
        { 
            string cmd = "ProcCustomPage"; 
            SqlParameter[] para = new SqlParameter[9]; 
            para[0] = new SqlParameter("@Table_Name", tablename); 
            para[1] = new SqlParameter("@Sign_Record", key); 
            para[2] = new SqlParameter("@Filter_Condition", where); 
            para[3] = new SqlParameter("@Page_Size", pagesize); 
            para[4] = new SqlParameter("@Page_Index", pageindex); 
            para[5] = new SqlParameter("@TaxisField", orderfield); 
            para[6] = new SqlParameter("@Taxis_Sign", ordertype); 
            para[7] = new SqlParameter("@Find_RecordList", fieldlist); 
            para[8] = new SqlParameter("@Record_Count", recordcount); 

            return ExecuteDataSet(CommandType.StoredProcedure, cmd, 
para).Tables[0]; 

        } 
        public static DataSet 
ExecuteDataSet(CommandType cmdType, string cmdText, params SqlParameter[] para) 
        { 
            try 
            { 
                using 
(SqlConnection con = new SqlConnection(CONN_STRING)) 
                { 
                    SqlDataAdapter adapter = new SqlDataAdapter(); 

                    using (SqlCommand cmd = new SqlCommand()) 
                    { 
                        DataSet ds = new 
DataSet(); 
                        PrepareCommand(con, cmd, cmdType, 
cmdText, para); 
                        adapter.SelectCommand = cmd; 
                        adapter.Fill(ds); 

                        return ds; 
                    } 
                } 
            } 
            catch(Exception ex) 
            { 
                string d=ex.ToString(); 
                return null; 
            } 
        } 
        /// 
<summary> 
        /// 建立SqlCommand 
        /// </summary> 
        /// <param name="con">SqlConnection 对象</param> 
        /// <param name="cmd">要建立的Command</param> 
        /// <param name="cmdType">CommandType</param> 
        /// <param name="cmdText">执行的SQL语句</param> 
        /// <param name="cmdParms">参数</param> 
        private static void PrepareCommand(SqlConnection con, SqlCommand 
cmd, CommandType cmdType, string cmdText, SqlParameter[] cmdParms) 
        { 
            if (con.State != ConnectionState.Open) 
                con.Open(); 

            cmd.Connection = con; 
            cmd.CommandType = cmdType; 
            cmd.CommandText = 
cmdText; 

            if (cmdParms != null) 
                foreach 
(SqlParameter para in cmdParms) 
                    cmd.Parameters.Add(para); 
        }
로그인 후 복사

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
2 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Word에서 페이지를 복사하는 방법 Word에서 페이지를 복사하는 방법 Feb 20, 2024 am 10:09 AM

Microsoft Word에서 페이지를 복사하고 서식을 그대로 유지하고 싶으십니까? 특정 문서 레이아웃이나 형식의 복사본을 여러 개 만들려는 경우 Word에서 페이지를 복제하면 시간을 절약하는 유용한 기술이 될 수 있으므로 이는 현명한 아이디어입니다. 이 가이드는 템플릿을 만들거나 문서의 특정 페이지를 복사하는 등 Word에서 페이지를 복사하는 단계별 프로세스를 안내합니다. 이 간단한 지침은 처음부터 시작하지 않고도 페이지를 쉽게 다시 만들 수 있도록 고안되었습니다. Microsoft Word에서 페이지를 복사하는 이유는 무엇입니까? Word에서 페이지를 복사하는 것이 매우 유용한 데에는 다음과 같은 몇 가지 이유가 있습니다. 복사하려는 특정 레이아웃이나 형식의 문서가 있는 경우. 전체 페이지를 처음부터 다시 만드는 것과는 달리

PHP 개발: 테이블 데이터 정렬 및 페이징 기능 구현 방법 PHP 개발: 테이블 데이터 정렬 및 페이징 기능 구현 방법 Sep 20, 2023 am 11:28 AM

PHP 개발: 테이블 데이터 정렬 및 페이징 기능 구현 방법 웹 개발에서는 대량의 데이터를 처리하는 것이 일반적인 작업입니다. 많은 양의 데이터를 표시해야 하는 테이블의 경우 일반적으로 좋은 사용자 경험을 제공하고 시스템 성능을 최적화하기 위해 데이터 정렬 및 페이징 기능을 구현해야 합니다. 이 기사에서는 PHP를 사용하여 테이블 데이터의 정렬 및 페이징 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 정렬 기능은 테이블에 정렬 기능을 구현하여 사용자가 다양한 필드에 따라 오름차순 또는 내림차순으로 정렬할 수 있도록 합니다. 다음은 구현 형태이다

CakePHP에서 사용자 정의 페이지 매김을 만드는 방법은 무엇입니까? CakePHP에서 사용자 정의 페이지 매김을 만드는 방법은 무엇입니까? Jun 04, 2023 am 08:32 AM

CakePHP는 개발자에게 많은 유용한 도구와 기능을 제공하는 강력한 PHP 프레임워크입니다. 그 중 하나는 페이지 매김입니다. 이를 통해 대량의 데이터를 여러 페이지로 나누어 검색과 조작을 더 쉽게 할 수 있습니다. 기본적으로 CakePHP는 몇 가지 기본적인 페이지 매김 방법을 제공하지만 때로는 사용자 정의 페이지 매김 방법을 만들어야 할 수도 있습니다. 이 기사에서는 CakePHP에서 사용자 정의 페이지 매김을 만드는 방법을 보여줍니다. 1단계: 사용자 정의 페이지 매김 클래스 생성 먼저 사용자 정의 페이지 매김 클래스를 생성해야 합니다. 이것

웹페이지를 빠르게 새로 고치는 방법은 무엇입니까? 웹페이지를 빠르게 새로 고치는 방법은 무엇입니까? Feb 18, 2024 pm 01:14 PM

페이지 새로 고침은 일상적인 네트워크 사용에서 매우 일반적입니다. 웹 페이지를 방문할 때 웹 페이지가 로드되지 않거나 비정상적으로 표시되는 등의 문제가 발생할 수 있습니다. 이때 일반적으로 문제를 해결하기 위해 페이지를 새로 고치는 방법을 선택합니다. 페이지를 빠르게 새로 고치는 방법은 무엇입니까? 페이지 새로고침 단축키에 대해 알아보겠습니다. 페이지 새로 고침 단축키는 키보드 조작을 통해 현재 웹 페이지를 빠르게 새로 고치는 방법입니다. 운영 체제와 브라우저에 따라 페이지 새로 고침 단축키가 다를 수 있습니다. 아래에서는 공통 W를 사용합니다.

3초 안에 페이지 점프를 구현하는 방법: PHP 프로그래밍 가이드 3초 안에 페이지 점프를 구현하는 방법: PHP 프로그래밍 가이드 Mar 25, 2024 am 10:42 AM

제목: 3초 만에 페이지 점프 구현 방법: PHP 프로그래밍 가이드 웹 개발에서 페이지 점프는 일반적으로 HTML이나 JavaScript 방식에서 페이지로 점프하기 위해 메타 태그를 사용합니다. 그러나 일부 특정 경우에는 서버 측에서 페이지 점프를 수행해야 합니다. 이 기사에서는 PHP 프로그래밍을 사용하여 3초 내에 지정된 페이지로 자동으로 이동하는 기능을 구현하는 방법을 소개하고 구체적인 코드 예제도 제공합니다. PHP를 사용하는 페이지 점프의 기본 원리는 일종의 것입니다.

Laravel 페이지에서 CSS를 올바르게 표시할 수 없는 문제를 해결하는 방법 Laravel 페이지에서 CSS를 올바르게 표시할 수 없는 문제를 해결하는 방법 Mar 10, 2024 am 11:33 AM

"CSS를 올바르게 표시하기 위해 Laravel 페이지의 오류를 처리하는 방법, 구체적인 코드 예제가 필요합니다." Laravel 프레임워크를 사용하여 웹 애플리케이션을 개발할 때 페이지가 CSS 스타일을 올바르게 표시하지 못하는 문제에 직면할 때가 있습니다. 비정상적인 스타일을 렌더링하는 페이지입니다. 이 글에서는 Laravel 페이지가 CSS를 올바르게 표시하지 못하는 문제를 해결하는 몇 가지 방법을 소개하고 개발자가 이 일반적인 문제를 해결하는 데 도움이 되는 특정 코드 예제를 제공합니다. 1. 파일 경로를 확인하세요. 먼저 CSS 파일의 경로를 확인하세요.

iPhone에서 대기 모드를 사용자 정의하고 편집하는 방법: iOS 17의 새로운 기능 iPhone에서 대기 모드를 사용자 정의하고 편집하는 방법: iOS 17의 새로운 기능 Sep 21, 2023 pm 04:01 PM

대기는 휴대폰이 빠르게 유휴 상태일 때 정보에 액세스할 수 있는 새롭고 향상된 방법을 제공하는 iOS 17 업데이트의 새로운 기능입니다. StandBy를 사용하면 편리하게 시간 확인, 예정된 이벤트 보기, 캘린더 검색, 해당 위치의 날씨 업데이트 받기 등을 할 수 있습니다. 일단 활성화되면 iPhone은 충전하는 동안 가로 모드로 설정하면 직관적으로 대기 모드로 들어갑니다. 이 기능은 침대 옆 탁자 같은 무선 충전 지점이나 일상 업무 중에 iPhone을 충전하지 않을 때 적합합니다. 이를 통해 대기 상태에 표시된 다양한 위젯을 스와이프하여 다양한 앱의 다양한 정보 세트에 액세스할 수 있습니다. 그러나 귀하는 선호 사항과 자주 필요한 정보에 따라 이러한 위젯을 수정하거나 일부를 삭제할 수도 있습니다. 그럼 자세히 살펴보겠습니다.

JavaScript를 사용하여 테이블 페이징 기능을 구현하는 방법은 무엇입니까? JavaScript를 사용하여 테이블 페이징 기능을 구현하는 방법은 무엇입니까? Oct 20, 2023 pm 06:19 PM

JavaScript를 사용하여 테이블 페이징 기능을 구현하는 방법은 무엇입니까? 인터넷이 발달하면서 점점 더 많은 웹사이트에서 데이터를 표시하기 위해 테이블을 사용하고 있습니다. 데이터 양이 많은 경우에는 사용자 경험을 개선하기 위해 데이터를 페이지에 표시해야 합니다. 이 기사에서는 JavaScript를 사용하여 테이블 페이징 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. HTML 구조 먼저 테이블과 페이징 버튼을 호스팅할 HTML 구조를 준비해야 합니다. &lt;tab을 ​​사용할 수 있습니다.

See all articles