[ExtJS]常用一般function

  • Ajax範例
    //啟動時遮照
    Ext.Ajax.on('beforerequest', function () {
        Ext.getBody().mask("Loading");
    }, this);
    //結束時移除遮照
    Ext.Ajax.on('requestcomplete', function () {
        Ext.getBody().unmask();
    }, this);
    var paramObj = new Object();
    paramObj.id = "123";
    //Ext.getBody().mask("Loading2");
    Ext.Ajax.request({
        url: "MyAjax.jsp",
        scope: this,
        method: "post",
        success: function (
        response) {
            Ext.getBody()
                .unmask();
            var json = Ext.decode(response.responseText);
            //{success:false|true,msg:'訊息'}
            if (json.success) {
                //回傳success要做的事
            } else {
                //錯誤時alert
                alert(json.msg);
    
            }
    
        }, // .createDelegate(this),
        failure: function () {
            if (action.response.status == 200) {
    
                var json = Ext.decode(action.response.responseText);
                Ext.MessageBox.alert(json.msg);
            } else Ext.MessageBox.alert("Save Error~");
        },
    
        params: paramObj
    });
    
    

[jQuery]簡單的向上Marquee跑馬燈公告效果

Html本身有一個Tag Marquee可以使用Marquee跑馬燈功能,不過功能十分有限,像是滑鼠移入停止,每一筆內容暫停後再執行下一筆等,原本的Marquee跑馬燈都不支援。

MarqueeExample

這個範例是利用jQuery的animate來移動scroll,達到移動的感覺,所以再初始化時需要先close一份資料append上去,如此在移動到最後一筆時,才不會因為scrollBar到底而無法移動。而Mouse移入時則stop animate及clear移除的Timeout,待Mouse out後,再執行,不過這部份控制的沒有很好,有興趣的人可以再加以修改。

Read More