C1Menu创建多级菜单

发布时间:2014/06/20 00:06 发布者:alice

返回博客中心

本文介绍了用C1Menu创建多级菜单,将C1Menu绑定到一个数据源,以及动画效果等。

C1Menu可以用动画效果、图像、复选框内的项目,以及互动项目滚动显示等等,来创建多级菜单。甚至可以在你的应用程序中创建一个上下文帮助的弹出式菜单。

创建两种不同风格的菜单的具体步骤如下:

默认菜单

添加C1Menu到页面。

通过C1Menu的DataBindings设定C1的MenuItem,将菜单和子菜单,水平或垂直的呈现出来。代码如下:

<DataBindings>
<wijmo:C1MenuItemBinding DataMember="Menuitem" HeaderField="header" 
NavigateUrlField="navigateUrl" SeparatorField="separator" TextField="text" />
</DataBindings>

 

通过C1Menu的HideAnimation设置隐藏时候的动画,代码如下:

<HideAnimation>
<Animated Effect="fade"></Animated>
</HideAnimation>

 

IPod 风格菜单

添加C1Menu到页面。

添加数据源到App_Data文件夹。

<asp:XmlDataSource ID="XmlDataSource1" runat="server" 
DataFile="~/App_Data/menu_structure.xml" XPath="/root/menuitem">
</asp:XmlDataSource> 

 

通过C1Menu的DataBindings绑定XML数据源。并且通过Mode设置IPod风格的垂直菜单,代码如下:

<wijmo:C1Menu runat="server" ID="Menu2" Mode="Sliding" DataSourceID="XmlDataSource1">
</wijmo:C1Menu>

 

C1Menu可以滚动显示顶层菜单,子菜单和子组。

可以将滚动模式选项设置为,按钮点击滚动、按钮悬停滚动、边缘徘徊滚动或滚动条。

两种菜单具体效果如下图所示:

C1Menu

本文Demo的源代码如下:

C1Menu.7z (3.85 mb)


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网