繁體中文当前位置: 首页 > 图文教程 > XML家族 > XML > 使用xml作为数据源，让asp:Menu类自由扩展菜单项
- XML
- 广告控件中XML文件的写法
- 论Asp与XML的关系
- 用jConfig获取XML文件中的配置信息
- XML字符串的读写操作函数及示例程序
- 关于 XML 的十种观点
- AJAX：如何处理书签和后退按钮
- XML 取得元素的字符数据
- XMLHTTP无刷新自动实时更新数据
- 利用AJAX与数据岛实现无刷新绑定
- XML入门的常见问题
- XML 2007年度回顾
- XHTML基础问答－给初学者
- 简述Asp与XML之间的关系
- Xml Http抓取数据时乱码问题解决
- 用XMLHTTP很好的一个例子
- 简单的XML操作：XML文件创建
- 用MySQL和PHP创建XML
- 使用AJAX技术的十大理由
- 用ASP+XML打造留言本
- asp查询xml的代码实现无刷新 模糊查询
XML 中的 使用xml作为数据源，让asp:Menu类自由扩展菜单项
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-17 浏览: 55 ::
收藏到网摘: n/a
先新建一个名为menu的xml文件，内容如下：
<?xml version="1.0" encoding="utf-8" ?>
<menu>
<menuItem url="~/Default.aspx" title="首页" description=""/>
<menuItem url="~/News.aspx" title="新闻" description="">
<menuItem url="~/News.aspx" title="国内新闻" description=""/>
<menuItem url="~/News.aspx" title="国际新闻" description=""/>
</menuItem>
</menu>
然后在页面上拖放一个menu控件，并拖放一个XmlDataSource控件，id为XmlDataSource1，将menu的 DataSourceID设置为XmlDataSource1。
配置XmlDataSource控件，使DataFile="~/Menu.xml" XPath="menu/menuItem"，这里采用xpath来选取数据,即将menuItem的数据筛选出来。
此时，再绑定menu控件的数据，告诉menu控件该怎么显示从xml文件筛选出来的数据。选中menu控件，在属性窗口选取DataBindings，在弹出的对话框里，在左上角的列表中选中menuItem，单击添加按钮将menuItem添加到左下的列表中，再在此列表中选择menuItem，此是右边的列表将显示要绑定的属性，使NavigateUrlField="url" TextField="title"。按确定按钮返回设计界面，此时就会显示出"首页"和"新闻"两个菜单项。
设计html代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CoAffiliate._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Menu ID="Menu1" runat="server" DataSourceID="XmlDataSource1" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False">
<DataBindings>
<asp:MenuItemBinding DataMember="menuItem" NavigateUrlField="url" TextField="title" />
</DataBindings>
</asp:Menu>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Menu.xml" XPath="menu/menuItem"></asp:XmlDataSource>
</div>
</form>
</body>
</html>
http://www.cnblogs.com/ofei/archive/2007/01/20/625745.html
评论 (0) All
