首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> ASP.NET 基礎 >> 關於ASP.NET

ASP.NET MVC 2 右鍵選單與最簡單分頁:jQuery ContextMenu 插件整合

     編輯:關於ASP.NET

整合 jQuery ContextMenu 插件實現右鍵選單,搭配簡易分頁。

  1. 下載插件放入 Scripts,頁面引用。
  2. 定義選單 HTML(id="myMenu1"、class="contextMenu"),項目含 detail/new/delete/modify 圖示。
  3. 目標元素加 class="showContext"、id="ProductID"。
    <td class="showContext" id="<%= item.ProductID %>"><%: item.ProductName %></td>
  4. JS 初始化:$('.showContext').contextMenu('myMenu1', { bindings: { detail: fn, delete: fn } });

分頁:Controller 回傳 PagedList,View 用 Html.PagedListPager(或手寫頁碼連結)。

效果圖:

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved