FineUI 官方论坛

标题: 可能是树 的右键菜单bug [打印本页]
作者: owenhy    时间: 2016-2-1 21:54
标题: 可能是树 的右键菜单bug
按照专业版范例写的树的右键菜单。菜单显示异常。浏览器的菜单没有隐藏。比对了几次没发现例子中特别的设置。

[attach]8524[/attach]

代码如下：
  1. <asp:Content ID="Content2" ContentPlaceHolderID="detail" runat="server">
  2.   <f:RegionPanel ID="RegionPanel1" ShowBorder="false" runat="server">
  3.         <Regions>
  4.         <f:Region ID="Region1" Split="true"    ShowHeader="false"  EnableCollapse="true"      runat="server"     Layout="Fit" Position="Left" Width="250px" >            
  5.                 <Items>
  6.                      <f:TabStrip ID="TabStrip1"  ShowBorder="true" TabPosition="Top"  EnableTabCloseMenu="false" ActiveTabIndex="0"  runat="server"     Width="250px"  RegionPosition="Center"     >
  7.                             <Tabs>   
  8.                                 <f:Tab ID="Tab1" Title="品号分类" BodyPadding="5px" Layout="Fit"    runat="server">                 
  9.                                     <Items>
  10.                                         <f:Tree ID="flyTreeView"  EnableCollapse="true"  OnNodeLazyLoad="Tree1_NodeLazyLoad" OnNodeCommand="Tree1_NodeCommand"      RegionSplit="false"
  11.                                                  Width="250px" Title="品号分类" ShowBorder="true" ShowHeader="false"    BodyPadding="10px" runat="server"  AutoLeafIdentification="false" AutoScroll="true"  >
  12.                                             <Listeners>
  13.                                                 <f:Listener Event="beforenodecontextmenu" Handler="onTreeNodeContextMenu" />
  14.                                             </Listeners>
  15.                                         </f:Tree>
  16.                                     </Items>
  17.                                 </f:Tab>   
  18.                                 <f:Tab ID="Tab2" Title="查询" BodyPadding="5px" Layout="Fit"    runat="server">                 
  19.                                     <Items>  
  20.                         
  21.                                    </Items>
  22.                                 </f:Tab>               
  23.                             </Tabs>
  24.                      </f:TabStrip>   
  25.              </Items>
  26.          </f:Region>
  27.          <f:Region ID="Region2" Split="true"    runat="server"  EnableCollapse="true"  Layout="Fit" Position="Center" ShowHeader="false">
  28.                 <Items>
  29.                
  30.                 <f:Form ID="SimpleForm1" ShowBorder="true" ShowHeader="false" AutoScroll="true" BodyPadding="3px"
  31.                     runat="server" Height="150px" RegionPosition="Center"  Layout="Region"   >
  32.                     <Toolbars>
  33.                         <f:Toolbar ID="Toolbar1" runat="server">
  34.                             <Items>
  35.                
  36.                             </Items>
  37.                         </f:Toolbar>
  38.                     </Toolbars>  
  39.                     <Items>
  40.                         <f:Grid ID="Grid_Main"   EnableCollapse="false" PageSize="10"
  41.                                         AllowPaging="true" AutoScroll="true" runat="server" EnableCheckBoxSelect="true"
  42.                                     ShowPagingMessage="true" DataKeyNames="OID,RowValue" IsDatabasePaging="true" AllowCellEditing="false"
  43.                                     EnableMultiSelect="false"    OnRowDataBound="GridDetail_RowDataBound"    Title="品号明细"
  44.                                     ShowBorder="true" ShowHeader="true"  RegionPosition="Center"    >
  45.                                     <Columns>
  46.                                     </Columns>
  47.                         
  48.                         </f:Grid>

  50.                        
  51.                     </Items>
  52.                </f:Form>
  53.                </Items>
  54.        </f:Region>
  55.      
  56.     </Regions>
  57.   </f:RegionPanel>
  58.   <f:Menu ID="Menu1" runat="server">
  59.             <Items>
  60.                 <f:MenuButton ID="btnExpandNode" EnablePostBack="false" runat="server" Text="展开全部">
  61.                                       <Listeners>
  62.                         <f:Listener Event="click" Handler="onExpandNode" />
  63.                     </Listeners>
  64.                 </f:MenuButton>
  65.                 <f:MenuButton ID="btnCollapseNode" EnablePostBack="false" runat="server" Text="折叠全部">
  66.                                      <Listeners>
  67.                         <f:Listener Event="click" Handler="onCollapseNode" />
  68.                     </Listeners>
  69.                 </f:MenuButton>
  70.             </Items>
  71.             <Listeners>
  72.                 <f:Listener Event="show" Handler="onMenuShow" />
  73.             </Listeners>
  74.    </f:Menu>
  75. </asp:Content>
  76. <asp:Content ID="Content3" ContentPlaceHolderID="footer" runat="server">
  77.      <script>
  78.          ///此变量将传递给母模板的脚本处理
  79.          var gridClientID = '<%= Grid_Main.ClientID %>';

  81.          F.ready(function () {

  83.          })

  85.          var treeID = '<%= flyTreeView.ClientID %>';
  86.          var menuID = '<%= Menu1.ClientID %>';
  87.          // 保存当前菜单对应的树节点ID
  88.          var currentNodeId;

  90.          // 返回false，来阻止浏览器右键菜单
  91.          function onTreeNodeContextMenu(event, nodeId) {
  92.              currentNodeId = nodeId;
  93.              F(menuID).show();
  94.              return false;
  95.          }

  97.          // 设置所有菜单项的禁用状态
  98.          function setMenuItemsDisabled(disabled) {
  99.              var menu = F(menuID);
  100.              $.each(menu.items, function (index, item) {
  101.                  item.setDisabled(disabled);
  102.              });
  103.          }

  105.          // 显示菜单后，检查是否禁用菜单项
  106.          function onMenuShow() {
  107.              if (currentNodeId) {
  108.                  var tree = F(treeID);
  109.                  var nodeData = tree.getNodeData(currentNodeId);
  110.                  if (nodeData.leaf) {
  111.                      setMenuItemsDisabled(true);
  112.                  } else {
  113.                      setMenuItemsDisabled(false);
  114.                  }
  115.              }
  116.          }

  118.          function onExpandNode() {
  119.              if (currentNodeId) {
  120.                  F(treeID).expandNode(currentNodeId, true);
  121.              }
  122.          }

  124.          function onCollapseNode() {
  125.              if (currentNodeId) {
  126.                  F(treeID).collapseNode(currentNodeId, true);
  127.              }
  128.          }
  129.      
  130.      </script>

  132.   </asp:Content>
复制代码










欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4