Question

我创建了一个Web用户控件，它有一些ASP.NET和第三方控件。

我已经在页面标记中测试了我的控件，但效果很好。

<APP:MyControl ID="myControl1" InitializeWithValue="Employee" />
<APP:MyControl ID="myControl2" InitializeWithValue="Supplier" />

现在，我想在同一页面中呈现此控件，但不会在第一次呈现页面时呈现。事实上，我会点击一个调用回调的按钮，在那一刻我想渲染控件。

我试图做这样的事情。

void ICallbackEventHandler.RaiseCallbackEvent(string eventArgument)
{
   MyControl c1 = new MyControl();
   c1.InitializeWithValue = Person.Enum.Employee; //<--CRASH

   System.Text.StringBuilder sb = new System.Text.StringBuilder();
   System.IO.StringWriter sw = new System.IO.StringWriter(sb);
   HtmlTextWriter hw = new HtmlTextWriter(sw);
   c1.RenderControl(hw);
   return sb.ToString();
}

然后在我的客户端接收器上

<a href="javascript:void(0);" onclick="testcallback('', '')">Test</a>
<div id="divControls"></div>

<script>
    function receiver(arguments, context) {
        document.getElementById('divControls').innerHTML = arguments;
    }
</script>

但它在初始化时崩溃，因为WebUserControl的所有内部控件都为null。它们尚未初始化。

这是控件的属性

   [Browsable(true)]
   public Person.Enum InitializeWithValue
   {
      get { return this.enumPersonValue; }
      set
      {
         this.enumPersonValue = value;
         //Literal control
         this.litPersonType.Text = "Employee"; //<-- CRASH because litPersonType is null.
      }
   }

有些人可以帮我纠正这个问题，或者建议我采用另一种方式呈现网络控件但客户端？

Answer 1

UserControls通常会关闭页面生命周期，因此您需要重新创建整个页面并进行渲染。

其次，你应该使用.ascx文件加载你的usercontrol而不仅仅是它的类，这是必需的，因为只有你的类是不够的。

你仍然可以尝试做，就像你只是在创建但使用Page.LoadControl：

void ICallbackEventHandler.RaiseCallbackEvent(string eventArgument)
{
   MyControl c1 = (MyControl)page.LoadControl("/Controls/myControl.ascx");
   c1.InitializeWithValue = Person.Enum.Employee; //<--CRASH

   System.Text.StringBuilder sb = new System.Text.StringBuilder();
   System.IO.StringWriter sw = new System.IO.StringWriter(sb);
   HtmlTextWriter hw = new HtmlTextWriter(sw);
   c1.RenderControl(hw);
   return sb.ToString();
}

但是如果你的控件有与页面生命周期相关的事件，你可能需要为它创建一个完整的上下文：

你可以这样做：

using (var stringWriter = new StringWriter())
{
       using (var page = new Page())
       {
            MyControl myControl = (MyControl)page.LoadControl("/Controls/myControl.ascx");

            var head = new HtmlHead();
            page.Controls.Add(head);

            var form = new HtmlForm();
            page.Controls.Add(form);

            var div = new HtmlGenericControl("div");
            div.ID = "myControlContent";
            form.Controls.Add(div);

            div.Controls.Add(myControl);

            HttpContext.Current.Server.Execute(page, stringWriter, false);

        }
        return stringWriter.ToString()
}

然后在你的JS中你可以解析整个html并只得到div#myControlContent的innerHTML，例如：

function receiver(arguments, context) {
    var parser = new DOMParser();
    var doc = parser.parseFromString(arguments, "text/html");

    document.getElementById('divControls').innerHTML = doc.getElementById('myControlContent').innerHTML;
}

请注意，DOMParser仅适用于现代浏览器，但您可以找到旧浏览器的其他方法......

如何呈现WebUserControl客户端

1 个答案: