亚洲香蕉成人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精品国产免费久久久久久| 在线视频欧美日韩精品| 97在线视频免费观看| 国产欧美精品日韩精品| 中文字幕av日韩| 欧美xxxx14xxxxx性爽| 国产97在线播放| 久久99久久99精品中文字幕| 九九精品在线播放| 欧美中文字幕视频在线观看| 精品国产一区二区三区四区在线观看| 日韩欧美精品在线观看| 97香蕉超级碰碰久久免费的优势| 国产精品一区二区三区免费视频| 成人国产精品久久久久久亚洲| 日韩有码片在线观看| 国产亚洲一区二区在线| 日本精品免费一区二区三区| 亚洲精品久久久久中文字幕二区| 国产精品电影在线观看| 欧美丝袜第一区| 在线精品91av| 午夜精品理论片| 中文字幕视频在线免费欧美日韩综合在线看| 久久久国产精品亚洲一区| 日韩免费在线免费观看| 8x拔播拔播x8国产精品| 综合激情国产一区| 久久精品中文字幕| 米奇精品一区二区三区在线观看| 欧美人在线观看| 亚洲国产精彩中文乱码av在线播放| 亚洲午夜女主播在线直播| 国产精品久久久久91| 91天堂在线视频| xxxx性欧美| 国产日韩欧美综合| 亚洲美女喷白浆| 亚洲精品v欧美精品v日韩精品| 九色精品美女在线| 国产精品7m视频| 精品久久久久久久久久久| 日韩中文字幕在线免费观看| 国产欧美日韩中文字幕| 日韩精品极品毛片系列视频| 国产一区二区成人| 欧美另类极品videosbest最新版本| 久久艳片www.17c.com| 亚洲人成绝费网站色www| 欧美午夜丰满在线18影院| 欧美中文字幕视频| 欧美日本高清视频| 精品丝袜一区二区三区| 日韩精品视频三区| 国产精品嫩草影院久久久| 亚洲人成在线免费观看| 亚洲午夜精品视频| 欧美一区亚洲一区| 欧美大荫蒂xxx| 1769国内精品视频在线播放| 亚洲精品白浆高清久久久久久| 亚洲男女自偷自拍图片另类| 日韩精品中文字| 91久久精品国产91久久| 日韩在线视频二区| 久久国产精品偷| 日韩av中文字幕在线免费观看| 国产精品久久久久av免费| 毛片精品免费在线观看| 亚洲国产成人av在线| 亚洲性视频网址| 欧美又大又粗又长| 日韩免费av片在线观看| 色婷婷综合久久久久中文字幕1| 欧美大荫蒂xxx| 欧美午夜丰满在线18影院| 国产欧美va欧美va香蕉在线| 亚洲久久久久久久久久久| 久久久久久999| 日韩精品久久久久久福利| www.久久色.com| 亚洲精品福利资源站| 欧美激情亚洲综合一区| 日韩小视频在线观看| 精品激情国产视频| 日韩在线视频免费观看| 91精品久久久久久久久久久| 亚洲日韩中文字幕在线播放| 欧美在线亚洲在线| 亚洲精品国产美女| 久久亚洲精品国产亚洲老地址| 不卡伊人av在线播放| 亚洲天堂网站在线观看视频| 欧美日韩免费区域视频在线观看| 欧美裸体男粗大视频在线观看| 国产亚洲欧美另类中文| 久久久久国产精品www| 亚洲福利在线播放| 亚洲电影免费观看高清完整版在线| 国产精品视频一区二区三区四| 91精品国产高清| 国产精品入口免费视频一| 久久久久一本一区二区青青蜜月| 欧美激情精品久久久久| 91精品国产色综合| 午夜精品一区二区三区av| 亚洲国产97在线精品一区| 国产精品91在线观看| 国产欧美va欧美va香蕉在| 久久影视电视剧凤归四时歌| 亚洲美女视频网站| 91九色国产视频| 91精品久久久久久久久久久久久| 一区二区三区视频免费在线观看| 亚洲自拍小视频免费观看| 亚洲性夜色噜噜噜7777| 人妖精品videosex性欧美| 亚洲欧美中文日韩v在线观看| 在线观看亚洲视频| 国产99久久精品一区二区永久免费| 精品视频在线播放| 欧美日韩国产精品专区| 97精品视频在线播放| 青青久久aⅴ北条麻妃| 亚洲sss综合天堂久久| 美女扒开尿口让男人操亚洲视频网站| 高清欧美性猛交xxxx| 欧美性69xxxx肥| 欧美日韩日本国产| 久久99久久99精品中文字幕| 动漫精品一区二区| 成人乱色短篇合集| 日韩免费视频在线观看| 亚洲九九九在线观看| 亚洲精品久久久久久久久久久久久| 亚洲jizzjizz日本少妇| 久久99精品久久久久久噜噜| 欧美日韩激情小视频| 日韩电影视频免费| 精品国偷自产在线视频99| 久久69精品久久久久久久电影好| 国产成人免费av电影| 欧美成人三级视频网站| 国产精品伦子伦免费视频| 国产99久久精品一区二区 夜夜躁日日躁| 久久久国产精品视频| 日韩av资源在线播放| 亚洲影院在线看| 色哟哟网站入口亚洲精品| 最近2019中文字幕在线高清| 91在线观看免费高清完整版在线观看| 中文字幕日韩精品在线观看| 26uuu日韩精品一区二区| 日韩电影大全免费观看2023年上| 日本高清视频精品| 精品中文字幕久久久久久| 欧美丰满少妇xxxxx做受| 欧美在线视频免费播放| 98精品国产自产在线观看| 亚洲天堂av高清| 久久精品国产免费观看| 欧美电影免费观看电视剧大全| 亚洲天堂视频在线观看| 亚洲区中文字幕|