带有xml数据数据源的Asp菜单。 [英] Asp menu with xml data datasource.

问题描述

先生，我正在使用带有xml数据源的asp菜单。我的asp菜单和xml代码看起来像这样： -

sir, i am using asp menu with xml data soucse. and my asp menu and xml code look like that:-

<asp:Menu ID="mnuNavigation" runat="server" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False">
    <StaticMenuStyle CssClass="StaticMenuItem" />
    <StaticMenuItemStyle CssClass="StaticMenuItemStyle" />
    <StaticHoverStyle CssClass="StaticHoverStyle" />
    <StaticSelectedStyle CssClass="StaticSelectedStyle" />
    <DynamicMenuItemStyle CssClass="DynamicMenuItemStyle" />
    <DynamicHoverStyle CssClass="DynamicHoverStyle" />
    <DynamicSelectedStyle CssClass="DynamicSelectedStyle" />
</asp:Menu>

<?xml version="1.0" encoding="utf-8" ?>
<Pages>
  <Student title="Student" url="Student" >

 <Library title="Library" url="Library">
      <Page title="Book Accession" url="Library/bookacc.aspx"></Page>
      <Page title="Accession Report" url="Library/DateRange.aspx"></Page>
    </Library>

  </Student>
</Pages>

我的asp菜单看起来很简单..我想在我的每个菜单项中添加图标。你可以帮我指导一下我如何在每个菜单项中添加图标。



我尝试了什么：



i有一个带有xml数据数据源的asp菜单。什么时候我在xml中添加了一个页面，它在mu asp菜单中显示..但我想在我的菜单项名称中添加图标..

my asp menu look very simple.. i want to add icons in my each menu item. can u help me to guide that how can i add icons in each menu item.

What I have tried:

i have a asp menu with xml data datasource. when ever i added an page in xml it show in mu asp menu.. but i wamt to add icon also in my menu item names..

推荐答案

尝试使用以下步骤：



Step1 ：使用以下数据设计XML菜单。只需在xml中添加一个额外的节点 Image ：

Try with below steps:

Step1: Design XML menu with below data. Just add one extra node Image in xml:

<menus>
    <menu image="images.png" url="~/Home.aspx" text="Home" value="Home Page" />
    <menu image="images.png" url="javascript:;" text="Services" value="Services Page">
        <submenu image="images.png" url="~/Consulting.aspx" text="Consulting" value="Consulting Page"></submenu>
        <submenu image="images.png" url="~/Outsourcing.aspx" text="Outsourcing" value="Outsourcing Page"></submenu>
    </menu>
    <menu image="images.png" url="~/About.aspx" text="About" value="About Us Page" />
    <menu image="images.png" url="~/Contact.aspx" text="Contact" value="Contact Us Page" />
</menus>

Step2 ：设计ASP菜单以绑定xml数据并使用 ImageUrlField 属性，它将引用xml中的Image节点值：

Step2: Design ASP menu to bind xml data and use ImageUrlField property which will refer to "Image" node value in xml:

<asp:menu id="Menu1" runat="server" orientation="Horizontal" datasourceid="XmlDataSource1" xmlns:asp="#unknown">
	<levelmenuitemstyles>
		<asp:menuitemstyle cssclass="main_menu" />
		<asp:menuitemstyle cssclass="level_menu" />
	</levelmenuitemstyles>
	<staticselectedstyle cssclass="selected" />
	<databindings>
		<asp:menuitembinding imageurlfield="Image" datamember="Menu" textfield="Text" valuefield="Value" navigateurlfield="Url" />
		<asp:menuitembinding datamember="SubMenu" textfield="Text" valuefield="Value" navigateurlfield="Url" />
	</databindings>
</asp:menu>
<asp:xmldatasource id="XmlDataSource1" runat="server" datafile="~/Menus.xml" xpath="/Menus/Menu" xmlns:asp="#unknown"></asp:xmldatasource>

这篇关于带有xml数据数据源的Asp菜单。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！