在aspx網頁裡動態載入UserControl,並且透過UserControl Event的訂閱,來取得對應的值

最近在小舖裡看到了這方面的問題....

小弟找了很多的資料..做一個範例介紹如何動態載入User Control

與如何透過aspx網頁訂閱User Control的Event,來取得相關的資訊

此範例先做一個檔案上傳的User Control,當網頁需要用到上傳功能時..

就可以將此控項制拉進來,,或用動態載入的方式來載入此控制項

所以此範例將會出現兩個User Control(一個是用拉的,一個是動態載入的)

當使用者選取好檔案,按upload時,aspx網頁就可以取得user control傳過來的檔案資訊

這樣一來以後就不用重覆寫上傳檔案的程式了,,只要拉一個user control就可以快速讓網頁有上傳的功能了

c#範例

User Control
WebUserControl.ascx

WebUserControl.ascx.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class WebUserControl : System.Web.UI.UserControl
{
    //客制一個事件參數
    public class MyEventArgs : EventArgs
    {
        string _FileName = string.Empty;
        int _FileSize;

public string FileName
        {
            set { _FileName = value; }
            get { return _FileName; }
        }

public int FileSize
        {
            set { _FileSize =value; }
            get { return _FileSize; }           
        }

}

public delegate void MyClick(object sender, MyEventArgs e);

public event MyClick cClick;

private void WebUserControl_Click(object sender, MyEventArgs e)
    {
        if (cClick != null)
        {
            cClick(sender, e);
        }
    }

protected void Page_Load(object sender, EventArgs e)
    {

}
    protected void btnUpload_Click(object sender, EventArgs e)
    {
        MyEventArgs EventArgs = new MyEventArgs();

EventArgs.FileName = this.FileUpload1.FileName;
        EventArgs.FileSize = this.FileUpload1.PostedFile.ContentLength;
        //上傳到upload資料夾裡
        this.FileUpload1.SaveAs(Server.MapPath("~/upload/") + this.FileUpload1.FileName);

WebUserControl_Click(this, EventArgs);       
    }

}

aspx網頁
UserControl.aspx

UserControl.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class UserControl : System.Web.UI.Page
{
    protected void Page_Init(object sender, EventArgs e)
    {
        //動態加入UserControl
        WebUserControl c = (WebUserControl)LoadControl("WebUserControl.ascx");
        c.cClick += new WebUserControl.MyClick(c_cClick);
        this.Page.Form.Controls.Add(c);
    }

//動態加入UserControl的事件
    void c_cClick(object sender, WebUserControl.MyEventArgs e)
    {
        Response.Write(e.FileName + "<br/>" + e.FileSize);
    }

protected void Page_Load(object sender, EventArgs e)
    {

}

//事先拉好的UserControl事件
    //在UserControl.aspx裡有一個OncClick="WebUserControl1_cClick",就是對應到此事件
    protected void WebUserControl1_cClick(object sender, WebUserControl.MyEventArgs e)
    {
        Response.Write(e.FileName + "<br/>" + e.FileSize);
    }
}

執行結果：

參考網址：
http://www.thescripts.com/forum/thread232638.html

http://blog.blueshop.com.tw/jeff377/archive/2008/01/19/54090.aspx

http://www.blueshop.com.tw/board/show.asp?subcde=BRD20080224205358PAU&fumcde=FUM20041006161839LRJ&rplcnt=4

http://blog.xuite.net/cct0201/derek/15360068

發表於 Monday, February 25, 2008 6:53 PM

回應

# re: 在aspx網頁裡動態載入UserControl,並且透過UserControl Event的訂閱,來取得對應的值

Allen Kuo

我沒實際run您的sample code,但我有以下想法
1.為了讓這uc更好用,可以增加一些property,例如可自訂上傳的path,甚至rename的rule(這點就有一點小難度)
2.由於這uc會被用在insert / edit record的表單裡, 因此, 在edit時,這uc要如何處理呢? 我的想法,是將這uc做得更複雜些,它在insert時只有upload可用,可決定是否必需有file,edit時,會用label顯示已上傳的檔案,也有checkbox可在submit後delete file,也可上傳新file覆蓋舊檔
3.我想,算是bug,您試試在網頁裡都不要註冊uc的event,那麼程式在上傳檔案後, 應該會發生錯誤才對(我沒親自試,但您可以試試)

發表 @ 2/25/2008 10:05 PM

# re: 在aspx網頁裡動態載入UserControl,並且透過UserControl Event的訂閱,來取得對應的值

puma

謝謝Allen大大.的建議呀...

如果Allen大大的想法..都能做到.這個uc應該會很不錯用的...

真的很感謝Allen大大給的建議呀...謝謝...

發表 @ 2/25/2008 11:31 PM

# re: 在aspx網頁裡動態載入UserControl,並且透過UserControl Event的訂閱,來取得對應的值

Allen Kuo

算可以做到啦,我自己有做過,您可以參考
http://www.allenkuo.com/publicFiles/viewImage.ashx?file=2008Q1/99_2.jpg
http://www.allenkuo.com/publicFiles/viewImage.ashx?file=2008Q1/99.jpg
這二張圖

發表 @ 2/26/2008 10:05 AM

發布回應

主題

姓名

連結

驗證碼

內容

記住我!

我的連結

部落格狀態

每月文章

隨筆分類

影像集

技術論壇

技術諮詢站

推薦部落格

程式收藏夾

在aspx網頁裡動態載入UserControl,並且透過UserControl Event的訂閱,來取得對應的值