日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

 
 
 
 
  
  
  
  
 
     
  
  
  
  
  
  
  
detail
     
  
  
  
new
  
  
  
  
 
  
  
  
  
delete
     
  
  
  
  
  
  
  
modify
     
  
  
  
 
 

將此菜單定義在產(chǎn)品名上，故在在產(chǎn)品名上添加一個class供jquery選擇。

 
 
 
 
  
  
  
  
">
  
  
  
  
<%: item.ProductName %> 
 
 
 

在頁面上插入下面腳本。用于綁定菜單項的行為。為了簡單起見，將所以的菜單項的行為都定義成導(dǎo)航到詳情頁面.

這樣就非常簡單的實現(xiàn)了右鍵菜單的功能。

下面說下實現(xiàn)簡單的分頁。asp.net mvc中分頁非常簡單。

看下面定義的table的html代碼：

 
 
 
 
  
  
  
  
    
  
   
            
 
          
   
            
 
            
 
            
 
             
 
           
 
             
 
            
 
         
 
    <% foreach (var item in Model.Products)  
        { %> 
        
 
  "> 
<%: item.ProductName %> 
             
 
             
 
             
 
             
 
             
 
          
 
          
 
            
 
        
      
    <% } %> 
  
  
  
  
  
  
  
  
     
  
  
  
                ProductName   
  
  
  
  
             
  
  
  
  
     
  
  
  
               SupplierID   
  
  
  
  
            
  
  
  
  
   
  
  
  
               CategoryID11             
  
  
  
  
   
  
  
  
                 QuantityPerUnit  
  
  
  
  
          
  
  
  
  
   
  
  
  
                 UnitPrice  
  
  
  
  
           
  
  
  
  
   
  
  
  
                UnitsInStock20             
  
  
  
  
   
  
  
  
                 UnitsOnOrder23             
  
  
  
  
   
  
  
  
                ReorderLevel  
  
  
  
  
            
  
  
  
  
   
  
  
  
                Discontinued  
  
  
  
  
             
  
  
  
  
  
  
  
    
  
  
    
  
  
  
  
  
  
    
  
  
    
  
  
  
   
  
  
  
                 <%: item.SupplierID %> 
  
  
  
  
           
  
  
  
  
   
  
  
  
                <%: item.CategoryID %> 
  
  
  
  
            
  
  
  
  
   
  
  
  
                <%: item.QuantityPerUnit %> 
  
  
  
  
             
  
  
  
  
   
  
  
  
       <%: String.Format("{0:F}", item.UnitPrice) %> 
  
  
  
  
            
  
  
  
  
   
  
  
  
                <%: item.UnitsInStock %> 
  
  
  
  
             
  
  
  
  
   
  
  
  
             <%: item.UnitsOnOrder %> 
  
  
  
  
             
  
  
  
  
   
  
  
  
           <%: item.ReorderLevel %> 
  
  
  
  
            
  
  
  
  
   
  
  
  
               <%: item.Discontinued %> 
  
  
  
  
          
  
  
  
  
  
  
  
    
  
  
  
 
 
 
 

我們只要在這個table下面插入一段分頁的HTML腳本就行了。分頁的腳本當(dāng)然要生成，使用Htmlhelper的擴展方法去生成這個腳本。看下面的擴展方法，非常的簡單的生成了分頁的html代碼：

 
 
 
 
  
  
  
  
public static string Pager(this HtmlHelper helper, int currentPage, int currentPageSize, int totalRecords, string urlPrefix)   
  
  
  
  
        {  
  
  
  
  
           StringBuilder sb1 = new StringBuilder();   
  
  
  
  
int seed = currentPage % currentPageSize == 0 ? currentPage : currentPage - (currentPage % currentPageSize);   
  
  
  
  
if (currentPage > 0)   
  
  
  
  
sb1.AppendLine(String.Format("Previous", urlPrefix, currentPage));   
  
  
  
  
if (currentPage - currentPageSize >= 0)  
  
  
  
  
sb1.AppendLine(String.Format("...", urlPrefix, (currentPage - currentPageSize) + 1));  
  
  
  
  
for (int i = seed; i < Math.Round((totalRecords / 10) + 0.5) && i < seed + currentPageSize; i++)  
  
  
  
  
 {  
  
  
  
  
sb1.AppendLine(String.Format("{1}", urlPrefix, i + 1));  
  
  
  
  
 }  
  
  
  
  
if (currentPage + currentPageSize <= (Math.Round((totalRecords / 10) + 0.5) - 1))  
  
  
  
  
sb1.AppendLine(String.Format("...", urlPrefix, (currentPage + currentPageSize) + 1));  
  
  
  
  
if (currentPage < (Math.Round((totalRecords / 10) + 0.5) - 1))  
  
  
  
  
sb1.AppendLine(String.Format("Next", urlPrefix, currentPage + 2));  
  
  
  
  
return sb1.ToString();  
  
  
  
  
} 
 
 
 

然后在table后面添加下面的代碼，在table下面輸出分頁的html代碼:

 
 
 
 
  
  
  
  
   
  
  
  
  
<%=Html.Pager(Model.CurrentPage, Model.TotalPages,Model.TotalItems ,"/Products/List")%>