Ext.Net.button 和其他控件，实现不同点击事件效果（包括调用自定义控件）

（近期会连续更新有关Ext.Net 控件的一些资料，与大家分享，有兴趣或者最近也在研究这方面知识的朋友可以加关注！！！）

主页面：

头部先引用自定义控件：

<%@ Register Src="MyUserControl.ascx" TagName="MyUserControl" TagPrefix="uc" %>

 

<ext:ResourceManager ID="ResourceManager1" runat="server" DirectMethodNamespace="CompanyX">

            <CustomDirectEvents>

                <ext:DirectEvent Target="Button3" OnEvent="UpdateTimeStamp" />

                <ext:DirectEvent Target="Button4" OnEvent="UpdateTimeStamp" />

                <ext:DirectEvent Target="Span1" OnEvent="UpdateTimeStamp" />

                <ext:DirectEvent Target="${div.box:not(div.red)}" OnEvent="UpdateTimeStamp" />

            </CustomDirectEvents>

        </ext:ResourceManager>

        <ext:Button ID="Button1" runat="server" Text="Click Me 1" OnDirectClick="UpdateTimeStamp" />

        <ext:Button ID="Button2" runat="server" Text="Click Me 2">

            <DirectEvents>

                <Click OnEvent="UpdateTimeStamp">

                    <Confirmation ConfirmRequest="true" Title="Title" Message="这是一个提示框，点击“是”，出现信息框" />

                </Click>

            </DirectEvents>

        </ext:Button>

        <asp:Button ID="Button3" runat="server" Text="Click Me 3" />

        <br />

        <input id="Button4" type="button" value="Click Me 4" />

        <br />

        <span id="Span1" style="cursor: pointer;">Click Me Span1</span>

        <br />

        <ext:Button ID="Button5" runat="server" Text="Unhandled Exception">

            <Listeners>

                <Click Handler="CompanyX.UnhandledException();" />

            </Listeners>

        </ext:Button>

        <ext:Button ID="Button6" runat="server" Text="Click Me" Icon="Lightning">

            <Listeners>

                <Click Handler="

                    CompanyX.GetCustomer({

                        success : function (customer) {

                            var template = 'ID : {0}{6} Name : {1} {2}{6} Company : {3}{6} Country : {4}{6} Premium Member : {5}',

                                msg = Ext.String.format(template, 

                                        customer.ID, 

                                        customer.FirstName, 

                                        customer.LastName, 

                                        customer.Company, 

                                        customer.Country.Name, 

                                        customer.Premium, 

                                        '&lt;br /&gt;&lt;br /&gt;');

                            

                            Ext.Msg.alert('Customer', msg);

                        }

                    });" />

            </Listeners>

        </ext:Button>

        <uc:MyUserControl ID="UserControl1" runat="server" Name="Bob" />

        <br />

        <uc:MyUserControl ID="UserControl2" runat="server" Name="Billy" />

后台代码：

 protected void UpdateTimeStamp(object sender, DirectEventArgs e)

        {

            X.Msg.Notify("The Server Time is: ", DateTime.Now.ToLongTimeString()).Show();

        }



        [DirectMethod]

        public void UnhandledException()

        {

            X.Msg.Notify("text", "DirectMethod 方法的事件调用").Show();

        }



        public class Customer

        {

            public int ID { get; set; }

            public string FirstName { get; set; }

            public string LastName { get; set; }

            public string Company { get; set; }

            public Country Country { get; set; }

            public bool Premium { get; set; }

        }



        public class Country

        {

            public string Name { get; set; }

        }



        [DirectMethod]

        public static Customer GetCustomer()

        {



            return new Customer()

            {

                ID = 99,

                FirstName = "Peter",

                LastName = "Smith",

                Company = "CompanyX, LLC.",

                Premium = true,

                Country = new Country { Name = "Canada" }

            };

        }

自定义控件，页面代码：

页面名称：MyUserControl.ascx

<ext:Button ID="Button1" runat="server">

    <Listeners>

        <Click Handler="#{DirectMethods}.GetName();" />

    </Listeners>

</ext:Button>

后台代码：

  protected void Page_Load(object sender, EventArgs e)

        {

            if (!X.IsAjaxRequest)

            {

                this.Button1.Text = string.Concat("UserControl (", this.Name, ")");

            }

        }



        [DirectMethod]

        public void GetName()

        {

            X.Msg.Alert("Name", this.Name).Show();

        }



        public string Name { get; set; }