Webforms：.ascx 中的内联文字阻止编译

Question

我的 .ascx 文件中有以下代码片段：

<%@ Control Language="C#" Inherits="MyCompany.Modules.Discovery.ViewDiscovery"
    AutoEventWireup="true" CodeBehind="ViewDiscovery.ascx.cs" %>

<div id="ViewDiscovery_<asp:Literal ID="litModuleId" runat="server" />"></div>
<script type="text/javascript" src="<asp:Literal ID="litControlPath" runat="server" />carousel-jquery.js"></script>
<script type="text/javascript" src="<asp:Literal ID="litControlPath2" runat="server" />discovery-widget.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var myData = <asp:Literal ID="litContent" runat="server" />;
        var myDiscovery = discovery('<asp:Literal ID="litControlPath3" runat="server" />');
        myDiscovery.json(myData);
        myDiscovery.init("ViewDiscovery_<asp:Literal ID="litModuleId2" runat="server" />");
    });
</script>

正如您可能能够从语法突出显示（或者更确切地说，它有多么糟糕）推断出的那样，如果我尝试使用此 .ascx 文件编译我的 CodeBehind 文件，它会严重失败，因为它无法识别我散布在文件中的各种文字，因此我的代码隐藏文件无法编译。我必须将它们从其位置中删除，将它们放在文件末尾，不受页面中上下文的阻碍，进行编译，然后恢复到原始版本。

当然，有更好的方法可以将文字放入页面中。

编辑：当我打包我的模块并将其安装在 DotNetNuke 的另一个实例上时（只要我在编译时执行该 rigamarole，它就可以在本地正常工作），它会抛出一个错误：

DotNetNuke.Services.Exceptions.ModuleLoadException: The tag contains duplicate 'ID' attributes

相关，或者是这里还有其他问题吗？

编辑：我尝试使用<%=variable %>但没有成功。这是我的代码隐藏的片段：

namespace MyCompany.Modules.Discovery
{
    partial class ViewDiscovery : PortalModuleBase, IActionable
    {
        public string strContent = "Insert Content Here!";

        protected void Page_Load(object sender, System.EventArgs e)
        {
            // Do stuff here!

            this.strContent = "My content!";
        }
    }
}

如果我在我的 ascx 文件中执行此操作：

<%@ Control Language="C#" Inherits="MyCompany.Modules.Discovery.ViewDiscovery"
    AutoEventWireup="true" CodeBehind="ViewDiscovery.ascx.cs" %>

<%=this.strContent %>

...我的页面上什么也没有显示。查看 .ascx 文件中“this”的上下文会发现它的类型是“ASP.viewdiscovery_ascx”，而不是我预期的“ViewDiscovery”类型。

Answer 1

我没有使用过 DNN，但对于我认为你想要做的事情，内联表达式应该可以工作。

在你的代码隐藏中有一些属性（或方法）：

protected string ModuleId {get {return "1"; }}
protected string ModuleId2 {get {return "2"; }}
protected string ControlPath {get { return "path1/"; }}
protected string ControlPath2 {get {return "path2/"; }}
protected string Content {get {return "somecontent"; }}
protected string ControlPath3 {get {return "path3/"; }}

然后你可以按如下方式使用它们：

<div id="ViewDiscovery_<%= ModuleId %>" ></div>
<script type="text/javascript" src="<%= ControlPath %>carousel-jquery.js"></script>
<script type="text/javascript" src="<%= ControlPath2 %>discovery-widget.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var myData = <%= Content %>;
        var myDiscovery = discovery('<%= ControlPath3 %>');
        myDiscovery.json(myData);
        myDiscovery.init("ViewDiscovery_<%= ModuleId2 %>");
    });
</script>

应该生成以下 HTML：

<div id="ViewDiscovery_1" ></div>
<script type="text/javascript" src="path1/carousel-jquery.js"></script>
<script type="text/javascript" src="path2/discovery-widget.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var myData = somecontent;
        var myDiscovery = discovery('path3/');
        myDiscovery.json(myData);
        myDiscovery.init("ViewDiscovery_2");
    });
</script>