Fatal编程技术网
  • asp.net/
  • 将Dojo Toolkit（Dijit）主题应用于ASP.NET页面

将Dojo Toolkit（Dijit）主题应用于ASP.NET页面

asp.net dojo

将Dojo Toolkit（Dijit）主题应用于ASP.NET页面,asp.net,master-pages,dojo,Asp.net,Master Pages,Dojo,在下面的代码中，我试图将Dijit主题应用于我的.aspx页面中的控件。然而，对照组仍保持其正常、不规则的外观 有人知道为什么吗 母版页： <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="WebJournalEntryClient.Main" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti

在下面的代码中，我试图将Dijit主题应用于我的.aspx页面中的控件。然而，对照组仍保持其正常、不规则的外观

有人知道为什么吗

母版页：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="WebJournalEntryClient.Main" %>

<!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>My Web Application</title>
    <link rel="stylesheet" href="dojoroot/dijit/themes/tundra/tundra.css" />
     <script type="text/javascript" src="dojoroot/dojo/dojo.js"/>
     <script type="text/javascript">
         dojo.require("dijit.form.Button");
         dojo.require("dijit.form.TextBox");
         dojo.require("dijit.form.ComboBox");
     </script>
</head>
<body class = "tundra">
    <form id="form1" runat="server">
    <div>
        <div>
            This is potentially space for a header bar.
        </div>
        <table>
        <tr>
            <td>
                Maybe <br /> a <br /> Side <br /> bar.
            </td>
            <td>
                <asp:ContentPlaceHolder ID="CenterPlaceHolder" runat="server"/>
            </td>
        </tr>
        </table>
        <div>
            This is potentially space for a footer bar.
        </div>
    </div>
    </form>
</body>
</html>


我的Web应用程序
require（“dijit.form.Button”）；
require（“dijit.form.TextBox”）；
require（“dijit.form.ComboBox”）；
这可能是标题栏的空间。
可能是一个侧面的酒吧。
这可能是页脚栏的空间。
内容页：

<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true"       CodeBehind="LogIn.aspx.cs" Inherits="WebJournalEntryClient.LogIn" %>
<asp:Content ID="Content" ContentPlaceHolderID="CenterPlaceHolder" runat="server">
    <div>
    User ID: <asp:TextBox ID = "UserName" dojoType="dijit.form.TextBox" runat="server" /><br />
    Password: <asp:TextBox ID = "PassWord" dojoType="dijit.form.TextBox" runat="server" /><br />
    <asp:Button ID="LogInButton" Text="Log In" dojoType="dijit.form.Button" runat="server" />
    </div>
</asp:Content>


用户ID:

密码：
可能是路径错误。使用Firebug查看它是否正在读取css。

我不确定ASP.net对您的页面做了什么。
但是，在任何情况下，您是否可以与firebug再次检查您的身体是否在浏览器输出中具有“tundra”类？？我假设CSS提交正确（：正如您在上面的评论中提到的）

您需要向脚本标记添加
djConfig=“parseOnLoad:true”

<script type="text/javascript" src="dojoroot/dojo/dojo.js" djConfig="parseOnLoad: true"/>
浏览器正在下载tundra.css 
dojo.parser.parse();