【ASP.NET】C1MENU,怎么添加“鼠标滑过”出现子菜单效果，asp.net

C1MENU,怎么添加“鼠标滑过”出现子菜单效果，asp.net

回复 1楼zhuyinyin_66的帖子

请问你C1Menu在默认情况下是什么样子的？
C1Menu默认的情况，添加C1MenuItem到里面，在鼠标Hover的时候会出现子菜单。如下面代码：

1. <wijmo:C1Menu ID="C1Menu2" runat="server" Trigger="C1Menu2">
   
2.      <Items>
   
3.          <wijmo:C1MenuItem runat="server"  Text="File">
   
4.              <Items>
   
5.                  <wijmo:C1MenuItem runat="server" Text="Open">
   
6.                  </wijmo:C1MenuItem>
   
7.                  <wijmo:C1MenuItem runat="server" Text="Save">
   
8.                  </wijmo:C1MenuItem>
   
9.              </Items>
   
10.          </wijmo:C1MenuItem>
    
11.          <wijmo:C1MenuItem runat="server" Text="Edit"  >
    
12.              <Items>
    
13.                  <wijmo:C1MenuItem runat="server" Text="Cut">
    
14.                  </wijmo:C1MenuItem>
    
15.                  <wijmo:C1MenuItem runat="server" Text="Copy">
    
16.                  </wijmo:C1MenuItem>
    
17.                  <wijmo:C1MenuItem runat="server" Text="Paste">
    
18.                  </wijmo:C1MenuItem>
    
19.              </Items>
    
20.          </wijmo:C1MenuItem>
    
21.      </Items>
    
22. </wijmo:C1Menu>

复制代码

页面默认会出现File, Edit，然后鼠标Hover到File上会出现它的子菜单。Open和Save。

如果你的需求是，在页面上有个按钮，当鼠标Hover到上面的时候，菜单会弹出，那么，可以使用C1Menu的Trigger和TriggerEvent属性。代码参考：

1. <input type="button" value="Hover这里" id="btn1"  style="width: 100px; height: 28px;" />
   
2. 
   
3. <wijmo:C1Menu ID="C1Menu2" runat="server"  Trigger="#btn1" TriggerEvent="Mouseenter">
   
4.      <Items>
   
5.          <wijmo:C1MenuItem runat="server"  Text="File">
   
6.              <Items>
   
7.                  <wijmo:C1MenuItem runat="server" Text="Open">
   
8.                  </wijmo:C1MenuItem>
   
9.                  <wijmo:C1MenuItem runat="server" Text="Save">
   
10.                  </wijmo:C1MenuItem>
    
11.              </Items>
    
12.          </wijmo:C1MenuItem>
    
13.          <wijmo:C1MenuItem runat="server" Text="Edit">
    
14.              <Items>
    
15.                  <wijmo:C1MenuItem runat="server" Text="Cut">
    
16.                  </wijmo:C1MenuItem>
    
17.                  <wijmo:C1MenuItem runat="server" Text="Copy">
    
18.                  </wijmo:C1MenuItem>
    
19.                  <wijmo:C1MenuItem runat="server" Text="Paste">
    
20.                  </wijmo:C1MenuItem>
    
21.              </Items>
    
22.          </wijmo:C1MenuItem>
    
23.      </Items>

复制代码

这段代码展示鼠标滑过按钮的时候会弹出C1Menu。

如果你的需求有所不同，请指出让我知道。

我将Trigger event  设置为mouseenter  ,为什么鼠标滑过，没有出来菜单呢
<wijmo:C1Menu ID="C1Menu1" runat="server" Mode="Sliding" DataSourceID="XmlDataSource1" BackLinkText="后退" CrumbDefaultText="选择一个选项" TopLinkText="全部" TriggerEvent="Mouseenter">
        </wijmo:C1Menu>

<menuitem text="储蓄业务">
    <menuitem text="业务发展情况" NavigateUrl="cx\xxgl.aspx" target="main"></menuitem>

想指定目标框架，在xml文件里，是这样写吗

1. [code][code]    <div>
   
2.    
   
3.         <wijmo:C1Menu ID="C1Menu1" runat="server" Mode="Sliding" DataSourceID="XmlDataSource1" BackLinkText="后退" CrumbDefaultText="选择一个选项" TopLinkText="全部" TriggerEvent="Mouseenter">
   
4.         </wijmo:C1Menu>
   
5.    
   
6.     </div>
   
7.         <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/App_Data/menu.xml" XPath="/root/menuitem"></asp:XmlDataSource>
   
8.     &amp;nbsp;</form>

复制代码

[/code][/code]

1. <root>
   
2.   <menuitem text="储蓄业务">
   
3.     <menuitem text="业务发展情况" NavigateUrl="cx\xxgl.aspx" target="main"></menuitem>
   
4.     <menuitem text="信用卡业务" NavigateUrl="cx\xyk.aspx"></menuitem>
   
5.     <menuitem text="储蓄业务查询" NavigateUrl="cx\cxcx.aspx"></menuitem>
   
6.   </menuitem>
   
7.   <menuitem text="自助机具业务">
   
8.     <menuitem text="业务发展情况" NavigateUrl="zz\xxgl.aspx"></menuitem>
   
9.     <menuitem text="储蓄业务查询" NavigateUrl="zz\zzcx.aspx"></menuitem>
   
10.   </menuitem>
    
11.   <menuitem text="公司业务">
    
12.     <menuitem text="业务发展情况" NavigateUrl="gs\xxgl.aspx"></menuitem>
    
13.   </menuitem>
    
14.   <menuitem text="信贷业务">
    
15.     <menuitem text="业务发展情况" NavigateUrl="xd\xxgl.aspx"></menuitem>
    
16.   </menuitem>
    
17. </root>

复制代码

回复 8楼zhuyinyin_66的帖子

<menuitem text="业务发展情况" NavigateUrl="cx\xxgl.aspx" target="main">
这样设置有问题吗

鼠标滑过问题已经解决了，我在C1Menu设计器窗体，Mode,设成Flyout,Orientation设成Vertical,就好了