部分的なポストバックがある更新パネル内にコントロールを動的に追加するのに問題があります。動的コントロールに関する多くの記事を読み、ポストバックでそれらを追加および維持する方法を理解していますが、その情報のほとんどは適用されず、部分的なポストバックには機能しません。UpdatePanels を使用してそれらを追加および維持するための有用な情報が見つかりません。可能であれば、Web サービスを作成せずにこれを行いたいと考えています。役立つ情報へのアイデアや参照を持っている人はいますか?
3 に答える
これは、asp.net プログラマーにとって一般的な落とし穴の 1 つだと思いますが、何が起こっているかを知っていれば、実際にはそれほど難しくありません (ビューステートを常に覚えておいてください!)。
次のコードは、どのように実行できるかを説明しています。これは、ユーザーが updatepanel 内のページにユーザー コントロールを追加するアクションをトリガーするメニューをクリックできる単純なページです。
(このコードはhere から借用したもので、このトピックに関するより多くの情報があります)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SampleMenu1.aspx.cs" Inherits="SampleMenuPage1" %>
<!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>Sample Menu</title>
</head>
<body>
<form id="form1" runat="server">
<asp:Menu ID="Menu1" runat="server" OnMenuItemClick="Menu1_MenuItemClick">
<Items>
<asp:MenuItem Text="File">
<asp:MenuItem Text="Load Control1"></asp:MenuItem>
<asp:MenuItem Text="Load Control2"></asp:MenuItem>
<asp:MenuItem Text="Load Control3"></asp:MenuItem>
</asp:MenuItem>
</Items>
</asp:Menu>
<br />
<br />
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Menu1" />
</Triggers>
</asp:UpdatePanel>
</form>
</body>
</html>
と
using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class PlainSampleMenuPage : System.Web.UI.Page
{
private const string BASE_PATH = "~/DynamicControlLoading/";
private string LastLoadedControl
{
get
{
return ViewState["LastLoaded"] as string;
}
set
{
ViewState["LastLoaded"] = value;
}
}
private void LoadUserControl()
{
string controlPath = LastLoadedControl;
if (!string.IsNullOrEmpty(controlPath))
{
PlaceHolder1.Controls.Clear();
UserControl uc = (UserControl)LoadControl(controlPath);
PlaceHolder1.Controls.Add(uc);
}
}
protected void Page_Load(object sender, EventArgs e)
{
LoadUserControl();
}
protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
{
MenuItem menu = e.Item;
string controlPath = string.Empty;
switch (menu.Text)
{
case "Load Control2":
controlPath = BASE_PATH + "SampleControl2.ascx";
break;
case "Load Control3":
controlPath = BASE_PATH + "SampleControl3.ascx";
break;
default:
controlPath = BASE_PATH + "SampleControl1.ascx";
break;
}
LastLoadedControl = controlPath;
LoadUserControl();
}
}
コードビハインド用。
基本的にはそれだけです。ユーザーがメニュー項目をクリックすると、コントロール自体がページに動的に追加されている間 (updatePanel 内 (実際には updatePanel 内の placeHolder 内)、ビューステートが LastLoadedControl で保持されていることが明確にわかります。これにより、非同期ポストバックが送信されます)。サーバーに。
詳細については、次の場所でも参照できます。
- http://aspnet.4guysfromrolla.com/articles/081402-1.aspx
- http://aspnet.4guysfromrolla.com/articles/082102-1.aspx
そしてもちろん、ここで使用したサンプル コードを保持している Web サイトにもあります。
上記の方法を使用すると、イベントを処理するときに LoadUserControl() が 2 回呼び出されるという問題が発生しました。他のいくつかの記事を読んだので、私の修正をお見せしたいと思います。
1) Page_Load の代わりに LoadViewstate を使用して、ユーザー コントロールを読み込みます。
protected override void LoadViewState(object savedState)
{
base.LoadViewState(savedState);
if (!string.IsNullOrEmpty(CurrentUserControl))
LoadDataTypeEditorControl(CurrentUserControl, panelFVE);
}
2)ユーザーコントロールをロードするときにコントロールIDを設定することを忘れないでください:
private void LoadDataTypeEditorControl(string userControlName, Control containerControl)
{
using (UserControl myControl = (UserControl) LoadControl(userControlName))
{
containerControl.Controls.Clear();
string userControlID = userControlName.Split('.')[0];
myControl.ID = userControlID.Replace("/", "").Replace("~", "");
containerControl.Controls.Add(myControl);
}
this.CurrentUserControl = userControlName;
}
これを試して:
Literal literal = new Literal();
literal.Text = "<script type='text/javascript' src='http://www.googleadservices.com/pagead/conversion.js'>";
UpdatePanel1.ContentTemplateContainer.Controls.Add(literal);
リテラルのコンテンツを必要な HTML コンテンツに置き換えることができます...