Question

我想通过使用Javascript访问母版页中的内容页面Ajax组合框控件。

我一直在尝试使用内容页面的contentpageholder，但我得到的问题之一就是有大约10个内容页面，所以当打开像页面1这样的其他页面时，代码显示对象引用与contentplaceholder不匹配的异常。

如何打开哪个内容页面？此外，我无法让代码工作以获取母版页中的maincontentplaceholder id。

到目前为止我做了什么：

function accessControlContentPage() {
var txtCont = document.getElementById("Page.Master.FindControl('ContentPlaceHolder1').FindControl('txtContent')").value;
var text=txtCont;
}

但这不起作用。对此有何帮助？

Answer 1

建议的方法是为要放置在您正在呈现的网页中的此类脚本添加特定的内容占位符控件。请查看以下主/内容页面标记：

母版页：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApp.PageMethods.Site1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

有一个内容占有者head，其中我必须编写一些js函数，尝试访问其他内容占位符ContentPlaceHolder1中的下拉列表。

内容页面标记：

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApp.PageMethods.WebForm3" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script>
        function foo() {
            var ddl = document.getElementById('<%= DropDownList1.ClientID %>');
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
</asp:Content>

在这里，我不必太担心尝试访问嵌套在ContentPlaceHolderID中的控件。

或者，如果您没有该选项/自由，您可以随时在母版页本身中编写如下内容：

var d = document.getElementById('<%= this.ContentPlaceHolder1.FindControl("DropDownList1").ClientID %>');

Answer 2

使用javascript从母版页访问内容页面控件

我们可以在asp.net的母版页中找到内容页面的 div ID 或控件ID

内容页面说明：- 不要忘记提及 runat =“ server” ，

ContentPlaceHolderID =“ content_body ” //观察，

main_content 是div标签的ID

MasterPage.master

            var d = document.getElementById('<%= this.content_body.FindControl("main_content").ClientID %>');

使用 d

谢谢

使用javascript从母版页访问内容页面控件

2 个答案: