zhuyinyin_66 发表于 2015-1-21 10:20:00

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

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

Alice 发表于 2015-1-21 12:23:00

回复 1楼zhuyinyin_66的帖子

请问你C1Menu在默认情况下是什么样子的？
C1Menu默认的情况，添加C1MenuItem到里面，在鼠标Hover的时候会出现子菜单。如下面代码：
<wijmo:C1Menu ID="C1Menu2" runat="server" Trigger="C1Menu2">
   <Items>
         <wijmo:C1MenuItem runat="server"Text="File">
             <Items>
               <wijmo:C1MenuItem runat="server" Text="Open">
               </wijmo:C1MenuItem>
               <wijmo:C1MenuItem runat="server" Text="Save">
               </wijmo:C1MenuItem>
             </Items>
         </wijmo:C1MenuItem>
         <wijmo:C1MenuItem runat="server" Text="Edit">
             <Items>
               <wijmo:C1MenuItem runat="server" Text="Cut">
               </wijmo:C1MenuItem>
               <wijmo:C1MenuItem runat="server" Text="Copy">
               </wijmo:C1MenuItem>
               <wijmo:C1MenuItem runat="server" Text="Paste">
               </wijmo:C1MenuItem>
             </Items>
         </wijmo:C1MenuItem>
   </Items>
</wijmo:C1Menu>
页面默认会出现File, Edit，然后鼠标Hover到File上会出现它的子菜单。Open和Save。

如果你的需求是，在页面上有个按钮，当鼠标Hover到上面的时候，菜单会弹出，那么，可以使用C1Menu的Trigger和TriggerEvent属性。代码参考：
<input type="button" value="Hover这里" id="btn1"style="width: 100px; height: 28px;" />

<wijmo:C1Menu ID="C1Menu2" runat="server"Trigger="#btn1" TriggerEvent="Mouseenter">
   <Items>
         <wijmo:C1MenuItem runat="server"Text="File">
             <Items>
               <wijmo:C1MenuItem runat="server" Text="Open">
               </wijmo:C1MenuItem>
               <wijmo:C1MenuItem runat="server" Text="Save">
               </wijmo:C1MenuItem>
             </Items>
         </wijmo:C1MenuItem>
         <wijmo:C1MenuItem runat="server" Text="Edit">
             <Items>
               <wijmo:C1MenuItem runat="server" Text="Cut">
               </wijmo:C1MenuItem>
               <wijmo:C1MenuItem runat="server" Text="Copy">
               </wijmo:C1MenuItem>
               <wijmo:C1MenuItem runat="server" Text="Paste">
               </wijmo:C1MenuItem>
             </Items>
         </wijmo:C1MenuItem>
   </Items>
这段代码展示鼠标滑过按钮的时候会弹出C1Menu。

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

zhuyinyin_66 发表于 2015-1-21 12:53:00

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

zhuyinyin_66 发表于 2015-1-21 12:55:00

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

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

zhuyinyin_66 发表于 2015-1-21 13:05:00

zhuyinyin_66 发表于 2015-1-21 13:18:00

zhuyinyin_66 发表于 2015-1-21 13:21:00

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

zhuyinyin_66 发表于 2015-1-21 13:28:00

<root>
<menuitem text="储蓄业务">
    <menuitem text="业务发展情况" NavigateUrl="cx\xxgl.aspx" target="main"></menuitem>
    <menuitem text="信用卡业务" NavigateUrl="cx\xyk.aspx"></menuitem>
    <menuitem text="储蓄业务查询" NavigateUrl="cx\cxcx.aspx"></menuitem>
</menuitem>
<menuitem text="自助机具业务">
    <menuitem text="业务发展情况" NavigateUrl="zz\xxgl.aspx"></menuitem>
    <menuitem text="储蓄业务查询" NavigateUrl="zz\zzcx.aspx"></menuitem>
</menuitem>
<menuitem text="公司业务">
    <menuitem text="业务发展情况" NavigateUrl="gs\xxgl.aspx"></menuitem>
</menuitem>
<menuitem text="信贷业务">
    <menuitem text="业务发展情况" NavigateUrl="xd\xxgl.aspx"></menuitem>
</menuitem>
</root>

zhuyinyin_66 发表于 2015-1-21 13:33:00

回复 8楼zhuyinyin_66的帖子

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

zhuyinyin_66 发表于 2015-1-21 13:48:00

鼠标滑过问题已经解决了，我在C1Menu设计器窗体，Mode,设成Flyout,Orientation设成Vertical,就好了
页: [1] 2
查看完整版本: 【ASP.NET】C1MENU,怎么添加“鼠标滑过”出现子菜单效果，asp.net