![](/img/trans.png)
[英]Load UserControl Dynamically and on click of button on Parent page, respective UserControls method needs to be fired
[英]Load New UserControls Dynamically in Parent Page Update Panel Place Holder
预先感谢您的帮助。 自从我从事这项工作以来已经太久了,我的 memory 不是最好的,但我知道可以做到。
我有一个页面,要求永远不要离开页面(没有回发) ,这就是为什么我使用 AJAX 和一个更新面板,基本上是 stream 菜单。 我去创建了多个用户控件,以便在页面上单独加载。
在父页面上,我放置了更新面板和占位符。
<asp:UpdatePanel ID="UpdatePanelContent" runat="server">
<ContentTemplate>
<asp:PlaceHolder ID="OaaSPlaceholder" runat="server">
<!-- section loading area -->
</asp:PlaceHolder>
</ContentTemplate>
</asp:UpdatePanel>
在父页面“OaaS”中,我能够成功加载 OaaSPlaceholder“tier_2_start.ascx”中的第一个控件,这可能是因为它是在 Page_Load 上从 OaaS 父级本身调用的。 问题是在尝试访问 OaaS 使用的相同方法时加载后续控件。 方向性是控件正在调用 OaaS 主页公共方法来加载控件。 按钮控件位于 UserControls 本身上,每个加载的 UserControl 都知道接下来要加载哪个控件。 父页面对被换入和换出的控件的意识为 0,这是预期的操作。 我说的是总共 2 打控件。
问题是访问父 OaaS 页面公共方法“LoadControl”以从按钮所在的 UserControl 加载下一个控件。 我看到的行为是此解决方案当前加载前 2 个控件,但随后在调用第 3 个控件时加载第一个控件。 所以缺少一些东西。
我在 OaaS 页面中创建了一个公共方法
public void LoadUserControl(string controlName)
{
OaaSPlaceholder.Controls.Clear();
UserControl uc = (UserControl)LoadControl(controlName);
OaaSPlaceholder.Controls.Add(uc);
}
public void ClearControl()
{
OaaSPlaceholder.Controls.Clear();
}
在每个用户控件(子控件)中,我想调用这个方法来加载下一个用户控件。 在父级 (OaaS) 的 Page_Load 下方,效果很好。
switch (tier)
{
case "tier1" :
FULL_PATH = BASE_PATH + "Tier1/";
break;
case "tier2" :
FULL_PATH = BASE_PATH + "Tier2/";
controlPath = FULL_PATH + "tier_2_start.ascx";
break;
case "tier3" :
FULL_PATH = BASE_PATH + "Tier3/";
break;
case "tier4" :
FULL_PATH = BASE_PATH + "Tier4/";
break;
default:
FULL_PATH = BASE_PATH + "Tier1/";
break;
}
ClearControl();
LoadUserControl(controlPath);
该页面加载第一个 UserControl,是下一个有问题的控件,因为我试图从子控件访问父页面 OaaS forms 占位符。
tier_2_new.ascx 控件
protected void NextBtn_Click(object sender, EventArgs e)
{
string action = ActionSelect.SelectedValue; // dropdown menu value from user selection
string BASE_PATH = "~/OaaS_Controls/Tier2/";
string controlPath = "";
switch (action)
{
case "New":
controlPath = BASE_PATH + action + "/tier_2_step_1.ascx"; // new control to be loaded
((OaaS)this.Page).ClearControl();
((OaaS)this.Page).LoadUserControl(controlPath);
break;
case "Decomission":
// nothing yet
break;
case "Consultation":
// nothing yet
break;
}
}
当它的行为不像预期的那样时,我会收到 NullPointer 异常和各种错误。 那就是说我知道我做错了。 任何帮助表示赞赏。
System.NullReferenceException: 'Object reference not set to an instance of an object.'
“.Page”是 null
使用动态控件(UserControl 或其他)时,您需要跟踪当前有多少,并在 PostBack 添加新控件之前将它们全部添加,否则之前的控件将丢失。 所以这里是一个简单的例子。 诀窍是将用户控件上的按钮单击委托给包含该用户控件的页面。
所以首先是包含 UserControls 的页面
<asp:UpdatePanel ID="UpdatePanelContent" runat="server">
<ContentTemplate>
<asp:PlaceHolder ID="OaaSPlaceholder" runat="server">
</asp:PlaceHolder>
</ContentTemplate>
</asp:UpdatePanel>
背后的代码
public partial class Default1 : System.Web.UI.Page
{
//set the initial number of user controls
int controlCount = 1;
protected void Page_Load(object sender, EventArgs e)
{
//check if the viewstate with the controlcount already exists (= postback)
if (ViewState["controlCount"] != null)
{
//convert the viewstate back to an integer
controlCount = Convert.ToInt32(ViewState["controlCount"]);
}
else
{
//set the first viewstate
ViewState["controlCount"] = controlCount;
}
//create the required number of user controls
for (int i = 1; i <= controlCount; i++)
{
LoadUserControl("WebUserControl1.ascx", i);
}
}
//add a new user control to the page
public void LoadUserControl(string controlName, int index)
{
var uc = (WebUserControl1)LoadControl(controlName);
uc.index = index;
OaaSPlaceholder.Controls.Add(uc);
uc.UserControlButton1 += new EventHandler(UC_Button1_Click);
}
//the delegated button click
private void UC_Button1_Click(object sender, EventArgs e)
{
controlCount++;
LoadUserControl("WebUserControl1.ascx", controlCount);
ViewState["controlCount"] = controlCount;
}
}
然后是用户控件
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl1.ascx.cs" Inherits="TestOmgeving.WebUserControl1" %>
<div style="border: 1px solid red; margin: 10px; padding: 10px;">
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
</div>
用户控制背后的代码
public partial class WebUserControl1 : System.Web.UI.UserControl
{
public event EventHandler UserControlButton1;
public int index { get; set; }
protected void Page_Load(object sender, EventArgs e)
{
Label1.Text = "This is UserControl " + index;
Button1.Text = "Load UserControl " + (index + 1);
WebUserControl1 control = Page.Master.FindControl("UserControlOnMaster") as WebUserControl1;
}
//the button click from the user control
protected void Button1_Click(object sender, EventArgs e)
{
Button1.Visible = false;
OnUserControlButtonClick();
}
//the delegated control to the method of the parent page
private void OnUserControlButtonClick()
{
if (UserControlButton1 != null)
{
UserControlButton1(this, EventArgs.Empty);
}
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.