JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现第1/2页

复制代码 代码如下:

<%@ Page language="c#" Codebehind="GroupText.aspx.cs" AutoEventWireup="false" Inherits="test1.GroupText" %>


    
        GroupText
        
        
        
        
        
        
        
        
        
        

    
    
        

            

                
                    
                        
                        
                        
                        
                        
                        
                        
                    
                    
                        
                    
                    
                        
                    
                
活动名称 发送方 接收方 发送时间 发送内容 积分 状态
                            height="100%">
                            

                        
                            width="100%" colSpan="10">
                            
                                
                                    
                                    
                                
                            
0条记录   
                                        目前第0 /0页   
                                        
                                        
首页
                                        上一页 下一页
                                        尾页
                                    

                        

            

        

    


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+'-'+Dm+'-'+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+'-'+Dm+'-'+Dd+' '+Dh+':'+Dmi+':'+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 = "         var Tabletwo = ">";
         if (widthSize == "")
         return Tableone + Tabletwo;
         else
         return Tableone+"width="+widthSize+Tabletwo;

        }

        
//获取第一个tr td 传一个宽度值
        function getTrAndTdFirstByCWidth(classname,widthSize){
         var tdone = "          var tdtwo = ">";
        }

        
        //获取table尾
        function getTableLast(){
         return "
         var tdthr = " > ";
         if (classname =="")
         tdone += tdtwo;
         else
         tdone+=" class ='"+classname+"' "+tdtwo;

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

         return tdone;
        }

        //获取下一个TD,传一个宽度值
        function getTdNextByWidth(widthSize){
         var tdone = " 
         var tdtwo =">";
         if (widthSize =="")
         return tdone+tdtwo;
         else
         return tdone+"width="+widthSize+tdtwo;
        }

        //获取最后一个td
        function getTdLastByWidth(widthSize){
         var tdone = " 
         var tdtwo =">";
         if (widthSize =="")
         return tdone+tdtwo;
         else
         return tdone+"width="+widthSize+tdtwo;
        }
        //获取最后一个tr/td
        function getTrAndTdLast(){
         return " 
";
        }

        //获取img
        function getImgByParams(imgUrl,altstr,eventName,eventParams,imgid){
         var one = "         if (imgUrl != "")
         one += "src='"+imgUrl+"'";
         if (altstr != "")
         one += "alt='"+altstr+"'";
         if(imgid != "")
         one += "id='"+imgid+"'";

         one += "onclick='"+eventName+"("+eventParams+");'> ";

         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=='S' || celltype=='N'){
                        for(var j=0;j                            sortarr[j] = ds.Rows[j][cellName];//.substr(0,1);//通过字符
                            }
                    }else if(celltype=='D'){
                        for(var i=0;i                                    sortarr[i] = getDateByFormat(ds.Rows[i][cellName]);//通过日期
                            }
                    }
                if(sortarr!=''){
                    var indexarr = new Array();
                    indexarr = getSortArray(sortarr,celltype);//得到新的排序规则
                    if(indexarr != ''){
                        setSortAginbyWay(indexarr,way);
                    }
                }
            }
        }

        //获得排序
        getOpType=function(btnid){//返回0正序,1为倒序
            var imgName= $("#"+btnid).attr("src");
            var wz = imgName.indexOf('.gif');
            var oldImg =imgName.substr(wz-9,9);
            if(oldImg=='sort_desc'){//当前是倒序或未排序,需要正序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 = '';
                for(var k=0;k                if(sortstr=='')
                        sortstr=sortdatearr[k];
                    else
                        sortstr+='^%^'+sortdatearr[k];
                }
                var newsortdate =sortdatearr;
                var len = sortdatearr.length;

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

             var tmpsortdate =sortstr.split('^%^')

             var resultarr = new Array();
             for(var i = 0;i                    for(var j = 0;j                     if(newsortdate[i]==tmpsortdate[j]){
                            resultarr[i] = j;
                            tmpsortdate[j] ='||||||||';
                            break;
                     }
                    }
             }

             return resultarr;
        };

//--------------------end-------------------------------
//删除重复的手机号码
SplitRepeatMobile=function(mobile){
    var mob=mobile;
    for(var i=0;i        for(var j=i+1;j            if(mob[i]==mob[j]){
                mob.splice(j,1);
            }
        }
    }
    return mob;
}

1 2 下一页 阅读全文

你可能感兴趣的:(JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现第1/2页)