简单的事应该是简单的。 当开始以ExtJS时,我看了在使用一个实际形式元素,使用一种相当半信半疑的制造方法AJAX电话的栅格的一screencast。 我寻找了一个更好的选择,并且我遇到了一个更好的选择- Ext.data.Connection。 这关于怎样的一个运作实例您能容易地打AJAX电话在ExtJS图书馆里。


var conn =新的Ext.data.Connection ();
conn.request ({
    URL : ‘history.jsp’,
    方法: ‘岗位’,
    氰胍: {“metaID” : metaID, columnName : 领域},
    成功: 作用(responseObject) {
        showHistoryDialog (responseObject.responseText);
    },
     失败: 作用() {
         Ext.Msg.alert (‘状态’, ‘无法此时显示历史。 请再试试以后。’);
     }
});

明显地您将必须执行showHistoryDialog ()方法到您的口味。 改变方法名字和URL相配您行政上。

下侧是它不显示您能容易地实施的装货消息。

更新:
这太显示装货对话的充分的代码:


var conn =新的Ext.data.Connection ();

    //历史buton点击经理。 使用历史对话,它递交请求并且显示反应
    showHistory的作用() {
        如果(纪录! =空&&领域! =零位) {
            metaID = record.get (“MetaID”);
            grid.getGridEl () .mask (‘装货历史…’);
            conn.request ({
                URL : ‘history.jsp’,
                方法: ‘岗位’,
                氰胍: {“metaID” : metaID, columnName : 领域},
                成功: 作用(responseObject) {
                    showHistoryDialog (responseObject.responseText);
                    grid.getGridEl () .unmask (真实);
                },
                失败: 作用() {
                    grid.getGridEl () .unmask (真实);
                    Ext.Msg.alert (‘状态’, ‘无法此时显示历史。 请再试试以后。’);
                }
            });
        }
    }

注: 代码用于生产环境显示历史信息。 以及showHistoryDialog的实施()没有提供服务器端代码,因为与上下文是毫不相关的。

图书馆,如GMail,浏览器真实地现在是国王,喜欢ExtJS和服务。 您多数目的不需要桌面应用。