Coolite Toolkit中文学习教程-关于AjaxMethod()方法的重新认识

关于AjaxEvent、AjaxMethod和Listeners的使用,请参看博客园:

Bēniaǒ成长笔记 Coolite Toolkit学习笔记一：AjaxEvent、AjaxMethod和Listeners

当时,他的 Coolite Toolkit学习笔记二：服务器端Alert,Confirm,Prompt 提出了一个问题,当时没有得以解决,我也给出了自己观点.

情景如下:

<ext:Button ID="Button4" runat="server" Text="通过MessageBox.ButtonConfigs来配置Alert的高级应用">
        <AjaxEvents>
            <Click OnEvent="Button4_Click" />
        </AjaxEvents>
</ext:Button>

这里,给按钮加了一个AjaxEvents事件处理,后台处理事件方法:

protected void Button4_Click(object sender, AjaxEventArgs e)
{
    Ext.Msg.Alert(
        "提示", "消息内容", new MessageBox.ButtonsConfig
        {
            Yes = new MessageBox.ButtonConfig
            {
                Handler = "DoYes()",
                Text = "确定"
            },
            No = new MessageBox.ButtonConfig
            {
                Handler = "DoNo()",
                Text = "取消"
            }
        }).Show();
}

通过MessageBox.ButtonsConfig配置了一个带确定 取消的Alert框.并分别给两个按钮各添加一个点击事件处理方法.

这里,问题来了,按理说这样添加事件,就相当于:

<ext:Button ID="Button2" runat="server" Text="测试">
    <Listeners>
        <Click Handler="DoYes()" />
    </Listeners>
</ext:Button>

调用的是客户端方法.当时,Bēniaǒ大哥,就提出了

服务端方法:

[Coolite.Ext.Web.AjaxMethod()]
public void DoYes()
{
    Ext.Msg.Alert("Mess", "你刚点了确定").Show();
}

[Coolite.Ext.Web.AjaxMethod()]
public void DoNo()
{
    Ext.Msg.Alert("Mess", "你刚点了取消").Show();
}

当时以为只能调用客户端方法,就通过如下形式中转了一下:

function DoYes() {
    Coolite.AjaxMethods.DoYes({
        success: function(result) {
            Ext.Msg.alert('提示', result);
        }
    });
}

function DoNo() {
    Coolite.AjaxMethods.DoNo({
        success: function(result) {
            Ext.Msg.alert('提示', result);
        }
    });
}

其实这里是可以直接实现调用服务端标记为AjaxMethod()的方法.这里大家注意到了,客户端调用服务端AjaxMethod方法,是通过Coolite.AjaxMethods.方法的形式.那么Coolite.AjaxMethods是什么了,我在翻官网例子是,终于明白了,它其实是AjaxMethodNamespace,一个命名空间.默认的是Coolite.AjaxMethods.

我们可以自己配置:

<ext:ScriptManager ID="ScriptManager1" runat="server" AjaxMethodNamespace="CompanyX">
</ext:ScriptManager>

这里配置为CompanyX.那么上面Buttons4_Click就可以改为这样了,加上CompanyX这个名称空间.

protected void Button4_Click(object sender, AjaxEventArgs e)
{
    Ext.Msg.Alert(
        "提示", "消息内容", new MessageBox.ButtonsConfig
        {
            Yes = new MessageBox.ButtonConfig
            {
                Handler = "CompanyX.DoYes()",
                Text = "确定"
            },
            No = new MessageBox.ButtonConfig
            {
                Handler = "CompanyX.DoNo()",
                Text = "取消"
            }
        }).Show();
}

这样,就可以直接调用服务端AjaxMethod方法 DoYes() 和 DoNo(). 好了,问题解决,其实很简单,但是初学,总会有点找不着北.学习Coolite不久,还望和大家一起交流学习.