更新前：排序栏目只显示数字

当把鼠标放在数字上单击时：变为文本框，填入数字后，鼠标离开。自动更新。

代码如下：

1. $(document).ready(function(){   
2.   //修改栏目id 
3.     $(".BY").click(function() {   
4.         var r = /^[0-9]*[1-9][0-9]*$/   //判断正整数的正则表达式。 
5.         var old = $(this).text();   
6.         var o = $(this);   
7.         o.html("<input class=\"OnBY\" type=\"text\"  onMouseOver=\"this.select();\"   value=\""   old   "\"/>");   
8.          $(".OnBY").blur(function() {   
9.             var number=$(".OnBY").val();    //获取文本框中的值。 
10.             var columnid=o.attr("DbID");    //获取DbID属性的值  栏目的ID号。 
11.             if(!r.test(number)) 
12.              {  
13.                alert("数字格式错误"); 
14.                $(this).select() 
15.                  return false; 
16.              } 
17.             if(number.length==0)           //判断文本框中是否有值。 
18.             { 
19.                alert("不能为空"); 
20.                $(this).select() 
21.                return false; 
22.             } 
23.             else                             //Jquery异步更新排序号。 
24.             { 
25.                 $.ajax({   
26.                     type: "GET",   
27.                     url: "../AjaxAsyn/UpdateSortNo.aspx",   
28.                    data: "ID="   o.attr("DbID")   "&BY="   $(".OnBY").val() "&date="  new  Date().getTime() "&Type=1",  //增加时间参数，表示请求的是不同的页面  ，type是一个标识：标识对文章更改排序，还是对产品，还是对栏目。 
29.                    beforeSend:function(XMLHttpRequest)   //更新前显示等待的图片 
30.                      {  
31.                        $("#showResult" columnid).show();    
32.                      }, 
33.                     success: function(msg)        //更新成功 
34.                      {   
35.                         o.html($(".OnBY").val());    
36.                          $("#showResult" columnid).hide(); 
37.                            //o.html(old);   
38.                      }   
39.                     });  
40.             }     
41.          });   
42.    }); 

aspx页面代码：

1. <div class="col7"> 
2.                 <span class="BY"  DbID='<%#Eval("id") %>' title="点击修改"><%# Eval("SortNo") %></span>               
3.             </div>  

更新排序的后台代码：

1. ................. 
2.  columnId = Web.CommFun.UrlParameters.IntParameters(this, "ID"); 
3.         SortNo = Web.CommFun.UrlParameters.IntParameters(this, "BY"); 
4.         dateTime = Web.CommFun.UrlParameters.StringParameters(this, "date"); 
5.         TypeNo = Web.CommFun.UrlParameters.IntParameters(this, "Type");  //TypeNo  1修改栏目编号 2修改二级栏目编号 3新闻文章 4产品排序 
6.         UpdateSorts(); 
7.     } 
8.     private void UpdateSorts() 
9.     {               
10.         switch (TypeNo) 
11.         { 
12.             case 1: 
13.                 { 
14.                     DAL.ColumnDAL dal = new DAL.ColumnDAL(); 
15.                     if (dal.UpdateSortNo(columnId, SortNo) > 0) 
16.                     { 
17.                         Response.Write("更新排序成功"); 
18.                         Response.End(); 
19.                     } 
20.                     else 
21.                     { 
22.                         Response.Write("更新失败!"); 
23.                         Response.End(); 
24.                     } 
25.                     break; 
26.                 } 
27.             case 2: 
28.    ....................................