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

收藏

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

Alice · Alice

回复 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 · zhuyinyin_66

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

zhuyinyin_66 · zhuyinyin_66

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

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

zhuyinyin_66 · zhuyinyin_66

zhuyinyin_66 · zhuyinyin_66

zhuyinyin_66 · zhuyinyin_66

[code][code] <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>
&nbsp;</form>

复制代码

[/code][/code]

zhuyinyin_66 · zhuyinyin_66

<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 · zhuyinyin_66

回复 8楼zhuyinyin_66的帖子

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

zhuyinyin_66 · zhuyinyin_66

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

		自动登录	找回密码
密码			立即注册

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

13 个回复

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄