coolite 中GridPanel 右键菜单

最新推荐文章于 2022-09-26 14:04:43 发布

转载最新推荐文章于 2022-09-26 14:04:43 发布 · 1k 阅读

文章标签：

本文介绍了一种使用JavaScript实现的动态控制右键菜单的方法。该方法根据特定条件启用或禁用菜单项，如订单查看、修改、新增等，并通过读取cookie来调整菜单行为。此外，还展示了如何在GridPanel中设置监听事件来进一步控制菜单项的状态。

JS的方法： var Own = GetCookie("lmo", "Own"); function GetCookie(sMainName, sSubName) { var re = new RegExp((sSubName ? sMainName + "=(.*?&)*?" + sSubName + "=(.*?)(&|;)" : sMainName + "=(.*?);"), "i"); return re.test(unescape(document.cookie)) ? (sSubName ? RegExp["$2"] : RegExp["$1"]) : ""; } var Check = function(MsDone, PrintYn, Pause) { //初始 menuEdit.disable(); menuPause.disable(); menuCancelPause.disable(); menuPrint.disable(); if (Own == 6) { if (!MsDone) { menuEdit.enable(); if (Pause == 1) { menuCancelPause.enable(); } else { menuPause.enable(); } } } else { menuEdit.enable(); if (MsDone) { if (PrintYn == 0) { menuPrint.enable(); } else { menuPrint.disable(); } } if (Pause == 1) { menuCancelPause.enable(); } else { menuPause.enable(); } } };

右键菜单的MENU <ext:Menu ID="RowContextMenu" runat="server"> <Items> <ext:MenuItem ID="menuView" Text="查看详情" runat="server" Icon="TableGo" Disabled="true"> <Listeners> <Click Handler="openWindow('Order_Preview.aspx?OrderId='+this.parentMenu.dataRecord.data.OrderId+'&ClothsType='+this.parentMenu.dataRecord.data.ClothsType,'订单详情',750,550,false,false,'');" /> </Listeners> </ext:MenuItem> <ext:MenuItem ID="menuEdit" Text="修改订单" runat="server" Icon="TableEdit" Disabled="true"> <Listeners> <Click Handler="location.href='Order_Edit.aspx?OrderId='+this.parentMenu.dataRecord.data.OrderId+'&ClothsType='+this.parentMenu.dataRecord.data.ClothsType" /> </Listeners> </ext:MenuItem> <ext:MenuItem ID="menuAdd" Text="新增订单" runat="server" Icon="TableAdd" Disabled="true"> <Listeners> <Click Handler="location.href='Order_Add.aspx'" /> </Listeners> </ext:MenuItem> <ext:MenuItem ID="menuPause" Text="暂停订单" runat="server" Icon="PauseBlue" Disabled="true"> <Listeners> <Click Handler="CommPause('Pause',this.parentMenu.dataRecord.data.OrderId);" /> </Listeners> </ext:MenuItem> <ext:MenuItem ID="menuCancelPause" Text="取消暂停" runat="server" Icon="PlayBlue" Disabled="true"> <Listeners> <Click Handler="CommPause('CancelPause',this.parentMenu.dataRecord.data.OrderId);" /> </Listeners> </ext:MenuItem> <ext:MenuItem ID="menuPrint" Text="打印订单" runat="server" Icon="Printer" Disabled="true"> <Listeners> <Click Handler="printURL('Order_Printer.aspx?OrderId='+this.parentMenu.dataRecord.data.OrderId+'&ClothsType='+this.parentMenu.dataRecord.data.ClothsType);" /> </Listeners> </ext:MenuItem> <ext:MenuItem ID="menuSeach" Text="综合查询" runat="server" Icon="find" Disabled="true"> <Listeners> <Click Handler="#{SeachWindow}.show();" /> </Listeners> </ext:MenuItem> </Items> </ext:Menu> GridPanel 中的监听事件： <Listeners> <RowContextMenu Handler="Check(this.store.getAt(rowIndex).data.username,this.store.getAt(rowIndex).data.userpassword,this.store.getAt(rowIndex).data.userpassword);this.getSelectionModel().selectRow(rowIndex);e.preventDefault(); #{RowContextMenu}.dataRecord = this.store.getAt(rowIndex);#{RowContextMenu}.showAt(e.getXY());" /> </Listeners> 这个是一定要要的 <SelectionModel> <ext:CheckboxSelectionModel runat="server"> <CustomConfig> <ext:ConfigItem Name="aa" Value="true" Mode="Raw"> </ext:ConfigItem> </CustomConfig> </ext:CheckboxSelectionModel> </SelectionModel>

http://hi.baidu.com/helinhai30/blog/item/d4acf117ca32735af2de32e8.html