jQuery MiniUI,Ajax Web开发

ExtJs 3.4 和 Web SSH(Ajaxterm)

今天在整理服务器列表的时候,想着可以不可以快速连接到服务器,之前也见过webssh ,google一番后发现了Ajaxterm,是用python开发的,下载下来试用一下还不错,速度还可以,Ajaxterm我大致看了下,没看的很明白,以后清楚了再补上,先看下图片

连接Ajaxterm

代码(前端js),先装一个插件

Ext.ns('Ext.ux.grid');
Ext.ux.grid.RightMenu = function(options) {
    var currRecord = false;
    var currRowIndex = false;
    var currGrid = false;
    var menuItems = Ext.each(options.items, function() {
        var item = this;
        this.handler = function() {
            item.recHandler && item.recHandler(currRecord, currRowIndex, currGrid);
        };
    });
    var menu = new Ext.menu.Menu({
        items:options.items
    });
    this.init = function(grid) {
        grid.addListener('rowcontextmenu', function(client, rowIndex, e) {
            e.preventDefault();
            if (rowIndex < 0) {
                return;
            }
            currRowIndex = rowIndex;
            currRecord = grid.getStore().getAt(rowIndex);
            currGrid = grid;
            menu.showAt(e.getXY());
        }); 
    };
};

具体参考:
http://www.oschina.net/code/snippet_122683_12333

配置右键menu插件

var rightMenu = new Ext.ux.grid.RightMenu({
                items:[{
                        text : '连接主机',
                        recHandler:function(record, rowIndex, grid) {
                                // var ip = record.get('ip'); //取得选择行ip地址
                                window.open("http://192.168.78.140:8080"); //这儿是ajaxterm主机的url,
                        //..传入参数为右键单击的record,行索引及所属的grid对象
                        }
                }, {
                        text : '查看主机',
                        recHandler:function(record, rowIndex, grid) {
                                window.open("http://www.baidu.com&"+"zbxid="+record.get('zbxid'));
                }
                }]
        })

最后配置grid中plugins,增加rightMenu

总结

虽然达到了预期的效果,但是没有具体测试并发连接很多的情况,还有ajaxterm 是无时无刻都会产生post连接请求,我看了下源代码发现是个死循环sleep极短的时间,我猜测是为了保持跟主机的连接,确保主机是alive

作者: howge
原文: http://blog.chinaunix.net/uid-17291169-id-3568450.html