Verwenden Sie XML als Datenquelle und erweitern Sie Menüelemente frei mit der Klasse asp:Menu-XML/RSS-Tutorial-php.cn

Verwenden Sie XML als Datenquelle und erweitern Sie Menüelemente frei mit der Klasse asp:Menu

黄舟

Freigeben： 2017-02-27 16:36:30

Original

1445 Leute haben es durchsucht

Erstellen Sie zunächst eine neue XML-Datei mit dem Namen „menu“ mit folgendem Inhalt:

<?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>

Nach dem Login kopieren

Ziehen Sie dann ein Menüsteuerelement per Drag & Drop auf die Seite und ziehen Sie per Drag & Drop ein XmlDataSource-Steuerelement mit der ID von XmlDataSource1 und Ändern Sie die DataSourceID des Menüs Set auf XmlDataSource1.
Konfigurieren Sie das XmlDataSource-Steuerelement so, dass DataFile="~/Menu.xml"
Binden Sie an dieser Stelle die Daten des Menüsteuerelements und teilen Sie dem Menüsteuerelement mit, wie die aus der XML-Datei gefilterten Daten angezeigt werden sollen. Wählen Sie das Menüsteuerelement aus, wählen Sie „DataBindings“ im Eigenschaftenfenster aus, wählen Sie im Popup-Dialogfeld „menuItem“ in der Liste in der oberen linken Ecke aus, klicken Sie auf die Schaltfläche „Hinzufügen“, um „menuItem“ zur Liste in der unteren linken Ecke hinzuzufügen, und wählen Sie dann „menuItem“ aus Diese Liste, das ist die rechte Liste, zeigt die zu bindenden Eigenschaften an, also NavigateUrlField="url" TextField="title". Drücken Sie die OK-Taste, um zur Designoberfläche zurückzukehren. Nun werden die beiden Menüpunkte „Home“ und „News“ angezeigt.
Der entworfene HTML-Code lautet wie folgt:

<%@ 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>

Nach dem Login kopieren

Das Obige ist die Verwendung von XML als Datenquelle und der Inhalt der asp:Menu-Klasse, um die Menüelemente frei zu erweitern Verwandte Inhalte, achten Sie bitte auf die chinesische PHP-Website (www.php.cn)!