JQuery为用户控件(ASCX)赋值与接口的应用

风飞飘扬 2013-03-22

在本次演示中,使用了接口(interface),在网页动态加载用户控件,并使用JQuery为来把网页处理的值传给用户控件。

在面向编程中,较喜欢使用接口,认为它能为不同对象之间处理到相同的行为。

代码如下:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 

/// <summary> 
/// Summary description for ISetValable 
/// </summary> 
namespace Insus.NET 
{ 
public interface ISetValable 
{ 
void SetValue(string value); 
} 
}

上面的接口,是想让对象实现之后,能为控件赋值。

接下来,我们创建一件用户控件,用户控件的ascx放置一个Label标签,是将用来显示从页面传过来的值。真正环境中,也许不是简单的Label控件了,而是其它控件,或是对象了。

代码如下:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="InsusUc.ascx.cs" Inherits="InsusUc" %> 
<asp:Label ID="LabelMessage" runat="server" Text=""></asp:Label>

在ascx.cs代码内,需要实现接口,把接口实现的方法所带的参数赋给Label的Text.

代码如下:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using Insus.NET; 

public partial class InsusUc : System.Web.UI.UserControl,ISetValable 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 

} 
public void SetValue(string value) 
{ 
this.LabelMessage.Text = value; 
} 
}

OK,接口与用户控件创建好了,需要创建网页了。在.aspx.cs写一个web method方法:
JQuery为用户控件(ASCX)赋值与接口的应用
.aspx:
JQuery为用户控件(ASCX)赋值与接口的应用
动画演示:
JQuery为用户控件(ASCX)赋值与接口的应用

相关推荐

Web全栈笔记 / 0评论 2020-06-15