一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

extaspnet 實現(xiàn)右下角小貼士

 絢爺好人圖書館 2014-09-12

說是extaspnet實現(xiàn)右下角彈消息框,其實就是純extjs,baidu搜索一大堆代碼

咱只是搬過來直接用,談不上原創(chuàng)

 

廢話少說,上代碼,在頁面前端加入這段JS代碼

 

    <script type="text/javascript">               
    Ext.ns('MyLib');

    ;(function($) {
        //新建window組,避免被其它window影響顯示在最前的效果
        var tipsGroupMgr = new Ext.WindowGroup();
        tipsGroupMgr.zseed=99999; //將小貼士窗口前置

        $.TipsWindow = Ext.extend(Ext.Window, {
        width:200,
        height:150,
        layout:'fit',
        modal : false,
        plain: true,
        shadow:false, //去除陰影
        draggable:false, //默認(rèn)不可拖拽
        resizable:false,
        closable: true,
        closeAction:'hide', //默認(rèn)關(guān)閉為隱藏
        autoHide:3, //n秒后自動隱藏,為false時,不自動隱藏
        manager: tipsGroupMgr, //設(shè)置window所屬的組
        constructor: function(conf){
            $.TipsWindow.superclass.constructor.call(this, conf);
            this.initPosition(true);
        },
        initEvents: function() {
            $.TipsWindow.superclass.initEvents.call(this);
            //自動隱藏
            if(false !== this.autoHide){
                var task = new Ext.util.DelayedTask(this.hide, this), second = (parseInt(this.autoHide) || 3) * 1000;
                this.on('beforeshow', function(self) {
                    task.delay(second);
                });
            }
            this.on('beforeshow', this.showTips);
            this.on('beforehide', this.hideTips);

            Ext.EventManager.onWindowResize(this.initPosition, this); //window大小改變時,重新設(shè)置坐標(biāo)
            Ext.EventManager.on(window, 'scroll', this.initPosition, this); //window移動滾動條時,重新設(shè)置坐標(biāo)
        },
        //參數(shù): flag - true時強(qiáng)制更新位置
        initPosition: function(flag) {
            if(true !== flag && this.hidden){ //不可見時,不調(diào)整坐標(biāo)
                return false;
            }
            var doc = document, bd = (doc.body || doc.documentElement);
            //ext取可視范圍寬高(與上面方法取的值相同), 加上滾動坐標(biāo)
            var left = bd.scrollLeft + Ext.lib.Dom.getViewWidth()-4-this.width;
            var top = bd.scrollTop + Ext.lib.Dom.getViewHeight()-4-this.height;
            this.setPosition(left, top);
        },
        showTips: function() {
            var self = this;
            if(!self.hidden){return false;}

            self.initPosition(true); //初始化坐標(biāo)
            self.el.slideIn('b', {
                callback: function() {
                    //顯示完成后,手動觸發(fā)show事件,并將hidden屬性設(shè)置false,否則將不能觸發(fā)hide事件
                    self.fireEvent('show', self);
                    self.hidden = false;
                }
            });
            return false; //不執(zhí)行默認(rèn)的show
        },
        hideTips: function() {
            var self = this;
            if(self.hidden){return false;}

            self.el.slideOut('b', {
                callback: function() {
                    //漸隱動作執(zhí)行完成時,手動觸發(fā)hide事件,并將hidden屬性設(shè)置true
                    self.fireEvent('hide', self);
                    self.hidden = true;
                }
            });
            return false; //不執(zhí)行默認(rèn)的hide
        }
        });
        })(MyLib);
   
   
        function showmsg(title,content)
        {
            var tipw = new MyLib.TipsWindow({ 
                                            title:title, 
                                            autoHide:5, //5秒自動關(guān)閉 
                                            html:content
                                            }); 
            tipw.show();
        }
                   
    </script>

 

調(diào)用代碼,后臺C#

 

  1. protected void  Button1_Click(object sender, EventArgs e)       
  2. {            ExtAspNet.PageContext.RegisterStartupScript("showmsg('提示','黃藝博和<b>林妙可</b>的故事!<br />...');");  
  3. }  

 

效果圖:

 

這個是彈在最上方的window,不受框架影響,5秒后消失,好了,收工

 

 

 

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    免费观看潮喷到高潮大叫| 午夜精品黄片在线播放| 在线中文字幕亚洲欧美一区| 办公室丝袜高跟秘书国产| 日韩av亚洲一区二区三区| 久久精品亚洲精品一区| 暴力三级a特黄在线观看| 久久精品国产亚洲熟女| 经典欧美熟女激情综合网| 欧美成人精品国产成人综合| 日韩精品一级片免费看| 麻豆91成人国产在线观看| 国产精品视频一级香蕉| 欧美一区二区三区播放| 97人妻人人揉人人躁人人| 日本欧美一区二区三区高清| 国产精品内射视频免费| 日韩免费国产91在线| 亚洲最大福利在线观看| 搡老熟女老女人一区二区| 麻豆亚州无矿码专区视频| 日韩一级毛一欧美一级乱| 欧美激情区一区二区三区| 99国产一区在线播放| 欧美亚洲另类久久久精品| 精品国产亚洲av成人一区| 91久久国产福利自产拍 | 日本大学生精油按摩在线观看| 不卡一区二区高清视频| 国产精品日韩欧美一区二区| 国产小青蛙全集免费看| 午夜视频在线观看日韩| 亚洲丁香婷婷久久一区| 粉嫩国产美女国产av| 欧美日韩亚洲国产精品| 久热青青草视频在线观看| 亚洲综合香蕉在线视频| 欧美国产日产综合精品| 亚洲欧美中文字幕精品| 欧美精品在线播放一区二区| 国产又粗又猛又大爽又黄|