ASP.NET给用户控件(.ascx)增加属性
我们常用ascx封装用户控件,但我们要访问ascx里的控件的值非常麻烦,如果能给用户控件封装几个属性,就可以在VS的属性面板里进行设置,或者在程序里直接访问“ascx控件.属性值”了。
其实做法很简单,因为用户控件也是一个类,所以我们可以给这个类增加属性,就像设计一个普通的类一样对待。注意,是C#的属性,是public的,而不是字段。
下面的代码演示了我如何将TinyMCE文本编辑器封装为一个Editor.ascx,并给它设置Text属性:
ascx页面代码:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Editor.ascx.cs" Inherits="Console_Editor" %>
<script type="text/javascript" src="/Editor/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode: "textareas",
theme: "advanced",
width: "800",
height: "400"...
//tinyMCE的初始化代码......
});
</script>
<textarea id="content" cols="20" rows="2" runat="server"></textarea>
C#代码:
using System;
public partial class Console_Editor : System.Web.UI.UserControl
{
public string Text
{
get { return this.content.InnerText; }
set { this.content.InnerText = value; }
}
protected void Page_Load(object sender, EventArgs e)
{
}
}
上面代码中的public string Text,就是给这个控件封装了一个名为Text的字符串类型的属性。用处是赋值和获取文本域(Textarea)的内容。
当然,我们在程序里也能直接通过控件ID.Text来给属性赋值(set),比如 txtEditorBlogContent.Text = “abc”;它最终会将ascx中id为content的文本域的内容置为“abc”。并且也可以读取(get),比如 model.Content = txtEditorBlogContent.Text;