我想使用母版来访问母版页中的内容页面Ajax组合框控件,也想通过Javascript来访问。
我一直在尝试通过使用内容页面的contentpageholder来尝试相同的操作,但是我遇到的问题之一是大约有10个内容页面,因此当打开其他页面(如第1页)时,代码显示对象引用异常因为contentplaceholder不匹配。
如何获得打开哪个内容页面?另外,我无法使代码正常工作以获取母版页中的maincontentplaceholder id。
我到目前为止所做的:
function accessControlContentPage() {
var txtCont = document.getElementById("Page.Master.FindControl('ContentPlaceHolder1').FindControl('txtContent')").value;
var text=txtCont;
}
但是这不起作用。有帮助吗?
建议的方法是添加特定的内容占位符控件,以将此类脚本放置在要呈现的网页中。看一下下面的母版页/内容页标记:
母版页:
<%@ 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 %>');
使用javascript从母版页访问内容页面控件
我们可以从asp.net的主页中找到内容页面的div id或control id
内容页面的说明:-不要忘记提及runat =“ server”,
ContentPlaceHolderID =“ content_body” //观察,
main_content是div标签的ID
MasterPage.master
var d = document.getElementById('<%= this.content_body.FindControl("main_content").ClientID %>');
用d做任何你想做的事>
谢谢