亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > C# > 正文

基于FineUI Grid控件添加右鍵菜單

2020-01-24 01:33:40
字體:
來源:轉載
供稿:網友

FineUI官方Demo上一直沒有Grid右鍵菜單的實現,其實從4.1.x的版本開始,允許添加自定義的事件監聽(Listeners),所以要實現這個功能已經相當容易了。

ExtJs右鍵菜單有很多種,對于Grid控件來說,我這里只簡單說明兩種實現。即在表格的數據行上右鍵單擊時彈出的菜單,以及在空白位置右鍵單擊時彈出的菜單。

時間有限,廢話不多說了,先看兩個效果圖。(實現環境 FineUI4.1.6,.NET 4.0因為需要指定控件的ID)

1. 數據行右鍵菜單

2. 空白處右鍵菜單

實現方法:

第一步:添加Grid控件。。。不多說了

第二步:往Grid控件后面添加兩個Menu控件,分別對應要實現的兩個右鍵菜單,要指定ClientIDMode為Static,Hidden為true 

<f:Menu ID="containerMenu" runat="server" ClientIDMode="Static" Hidden="true"> <f:MenuButton Icon="Add" Text="添加" OnClick="OnAddClick"></f:MenuButton> <f:MenuSeparator /> <f:MenuButton Icon="Reload" Text="刷新"></f:MenuButton> </f:Menu> <f:Menu ID="itemMenu" runat="server" ClientIDMode="Static" Hidden="true"> <f:MenuButton Icon="Pencil" Text="修改" OnClick="OnEditClick"></f:MenuButton> <f:MenuButton Icon="Delete" Text="刪除"></f:MenuButton> <f:MenuSeparator /> <f:MenuButton Icon="Reload" Text="刷新"></f:MenuButton> </f:Menu>

第三步:為Grid添加事件“containercontextmenu”,“itemcontextmenu”事件監聽

 <f:Grid ID="Grid1" runat="server" Title="FineUI Grid右鍵菜單Demo" CssStyle="margin: 10px;" AllowPaging="true" PageSize="20" EnableHeaderMenu="false" EnableColumnLines="true" DataKeyNames="ID" > <Columns> .....省略 </Columns> <Listeners> <f:Listener Event="containercontextmenu" Handler="function (grid, e, eOpts) { e.stopEvent(); F('containerMenu').showAt(e.getXY()); }" /> <f:Listener Event="itemcontextmenu" Handler="function (grid, record, item, index, e, eOpts) { e.stopEvent(); F('itemMenu').showAt(e.getXY()); }" /> </Listeners> </f:Grid> 

這兩個事件屬于ExtJs的GridPanel控件,參數說明如下:

containercontextmenu:grid:表格對象,e:事件對象,eOpts:事件對象參數;

itemcontextmenu:grid:表格對象,record:選擇的行對像(可以通過record.rawData屬性獲得所選行的全部數據),item:html元素對象,index:行索引,e:事件對象,eOpts:事件對象參數;

如有其它想了解的地方,請去翻查ExtJs的Api doc http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.Panel

一般情況下,照抄上面的代碼就Ok了,除非你對事件處理函數有更多的要求。

第四步:實現菜單功能。按照正常的方法綁定菜單按鈕的事件就可以了,沒什么需要特別說明的

在第二步的代碼里可以看到,已經為添加和修改按鈕添加了服務端OnClick事件綁定。下面看一下后臺代碼的實現

 protected void OnAddClick(object sender, EventArgs e) { FineUI.Alert.Show("Add Click!", FineUI.MessageBoxIcon.Information); } protected void OnEditClick(object sender, EventArgs e) { var selectedrow = Grid1.Rows[Grid1.SelectedRowIndex].DataKeys[0].ToString(); FineUI.Alert.Show(string.Format("修改ID為{0}的記錄", selectedrow), FineUI.MessageBoxIcon.Warning); }

如何使用FineUI Grid控件,添加分頁功能,然后高度填充整個頁面。具體請看下面文字說明和代碼分析。

      使用FineUI 控件的每個頁面都有一個f:PageManager控件,它包含屬性:AutoSizePanelID,設置需要填充的控件ID,從它的demo可以看出,正常情況下需要再放置一個容器Panel,就可以使整個頁面填充。

<f:PageManager ID="PageManager1" runat="server" AutoSizePanelID="ResultSetGrid" /><f:Grid ID="ResultSetGrid" runat="server" EnableCheckBoxSelect="true" Title="" DataKeyNames="ID" ShowBorder="false" PageSize="3" AllowPaging="true" IsDatabasePaging="true" OnPageIndexChange="ResultSetGrid_PageIndexChange" OnSort="ResultSetGrid_Sort" AllowSorting="true" SortField="ID"> <Toolbars> <f:Toolbar ID="ResultSetGrid_Toolbar" runat="server">  <Items>  <f:Button ID="btnAdd" runat="server" Text="添加" OnClientClick="Add();" EnablePostBack="false" Icon="ApplicationAdd"></f:Button>  <f:Button ID="btnEdit" runat="server" Text="編輯" EnableAjax="true" OnClick="btnEdit_Click" Icon="ApplicationEdit"></f:Button>  <f:Button ID="btnDelete" runat="server" Text="刪除" OnClick="btnDelete_Click" Icon="ApplicationDelete"></f:Button>  <f:Button ID="btnImport" runat="server" OnClientClick="Import();" Text="數據采集" Icon="ApplicationLink"></f:Button>  <f:Button ID="btnSelf" runat="server" OnClientClick="Filter();" Text="自定義篩選" Icon="ApplicationKey"></f:Button>  </Items> </f:Toolbar> </Toolbars> <Columns> <f:RowNumberField EnablePagingNumber="true" /> </Columns> </f:Grid>

以上內容是基于FineUI Grid控件添加右鍵菜單的全部敘述,希望對大家有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国内精品国产三级国产在线专| 91精品视频在线看| 国产成人精彩在线视频九色| 久久免费福利视频| 亚洲色图第三页| 久久久av网站| 国产成人精品视频在线观看| 欧美日韩不卡合集视频| 亚洲一区二区久久久久久久| 欧美又大又粗又长| 久久久国产视频| 亚洲综合大片69999| 精品国产一区二区三区久久久| 国产精品海角社区在线观看| 国内外成人免费激情在线视频网站| 国产日韩视频在线观看| 欧美日韩一二三四五区| 一本色道久久综合狠狠躁篇的优点| 超碰日本道色综合久久综合| 尤物tv国产一区| 日韩欧美一区视频| www.日本久久久久com.| 91po在线观看91精品国产性色| 日韩在线视频免费观看高清中文| 国产一区二区视频在线观看| 欧美日产国产成人免费图片| 日韩中文字幕在线看| 韩国日本不卡在线| 美日韩精品免费视频| 成人免费看片视频| 亚洲人成电影网站色| 国产精品免费一区| 精品欧美aⅴ在线网站| 亚洲精品av在线播放| 欧美在线精品免播放器视频| 久久久久久网址| 成人乱人伦精品视频在线观看| 欧美最猛性xxxxx亚洲精品| 亚洲偷熟乱区亚洲香蕉av| 欧美最猛性xxxx| 国产欧美日韩精品在线观看| 久久婷婷国产麻豆91天堂| 亚洲自拍偷拍区| 亚洲人成电影在线观看天堂色| 97在线看免费观看视频在线观看| 亚洲精品欧美一区二区三区| 国产精品久久77777| 色综合久综合久久综合久鬼88| 亚洲一区二区三区乱码aⅴ| 亚洲人成在线一二| 久久久国产一区二区三区| 亚洲国产日韩欧美在线图片| 91精品视频免费看| 日韩一区二区福利| 在线观看91久久久久久| 国产不卡一区二区在线播放| 亚洲一级黄色av| 精品国产精品三级精品av网址| 日韩av在线高清| 日韩av中文字幕在线免费观看| 这里只有精品丝袜| 亚洲国产精品一区二区久| 亚洲wwwav| 成人欧美一区二区三区在线湿哒哒| 欧美精品精品精品精品免费| 国产亚洲一区精品| 日韩av影视综合网| 伊人一区二区三区久久精品| 欧美日韩性生活视频| 久久久久久久久爱| 亚洲色图欧美制服丝袜另类第一页| 欧美日韩视频免费播放| 欧美精品制服第一页| 国产综合香蕉五月婷在线| 国产精品影片在线观看| 欧美激情亚洲自拍| 亚洲成人xxx| 国产免费一区视频观看免费| 久久资源免费视频| 91欧美激情另类亚洲| 国产精品国产三级国产专播精品人| 日韩在线视频免费观看| 欧美日韩亚洲91| 亚洲天天在线日亚洲洲精| 九九热视频这里只有精品| 国产精品视频一区国模私拍| 国产成人福利视频| 欧美亚州一区二区三区| 亚洲欧美国产精品va在线观看| 日韩av综合网| 亚洲韩国青草视频| 久久精品中文字幕一区| 久久久久久久久久亚洲| 亚洲一区二区三区xxx视频| 深夜福利91大全| 亚洲一区二区三区sesese| 亚洲а∨天堂久久精品9966| 久久这里只有精品99| 国产一区二区三区在线免费观看| 国产欧美 在线欧美| 一区二区三区四区视频| 日本精品视频网站| 色爱精品视频一区| 亚洲成人亚洲激情| 国产在线日韩在线| 日韩视频免费大全中文字幕| 国产v综合v亚洲欧美久久| 日本中文字幕不卡免费| 69久久夜色精品国产69| 午夜精品99久久免费| 亚洲最大av网| 日韩国产欧美精品一区二区三区| 日韩男女性生活视频| 日韩av在线免费播放| 国产中文日韩欧美| 亚洲 日韩 国产第一| 亚洲免费小视频| 精品国产户外野外| 欧美自拍视频在线观看| 亚洲自拍另类欧美丝袜| www.亚洲一区| 热99精品只有里视频精品| 亚洲免费伊人电影在线观看av| 久久视频免费在线播放| 91久久久国产精品| 国产精品91在线观看| 亚洲一区av在线播放| 亚洲国产成人在线播放| 高清一区二区三区四区五区| 欧美裸体xxxx极品少妇| 久久精品这里热有精品| 国产z一区二区三区| 日韩电影中文 亚洲精品乱码| 欧美成人精品在线观看| 日韩精品有码在线观看| 91久久久久久久一区二区| 亚洲欧美国产精品久久久久久久| 欧美精品videossex性护士| 欧美综合在线观看| 日韩成人久久久| 亚洲天堂色网站| 2019中文字幕在线| 国产成人久久精品| 色先锋资源久久综合5566| 日韩av综合中文字幕| 国产精品第100页| 欧美激情综合亚洲一二区| 国产视频观看一区| 日韩精品www| 国产精品福利在线观看| 久久夜色精品国产亚洲aⅴ| 亚洲成色www8888| 中文字幕av一区中文字幕天堂| 欧美成人精品xxx| 欧美性开放视频| 欧美黑人一级爽快片淫片高清| 51精品国产黑色丝袜高跟鞋| 欧美国产亚洲精品久久久8v| 欧美日韩成人在线视频| 久久久久久久久久久成人| 日韩av在线电影网| 欧美日韩成人免费| 一本大道亚洲视频| 麻豆国产va免费精品高清在线|