国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
extjs基礎(chǔ)-Tooltips與QuickTips

ExtJs是通過Ext.ToolTip和Ext.QuickTips兩個組件來實(shí)現(xiàn)浮動提示功能的。

QuickTips代碼示例:只需要加入Ext.QuickTips.init(); 就可以在html頁面中使用。html頁面 可以通過:
<input type="button" value="OK" ext:qtitle="Test" ext:qtip="Test Content!">
我們可以看到下面的效果:

你也可以自定義這些QuickTips的屬性:
Ext.apply(Ext.QuickTips.getQuickTip(), {
    //maxWidth: 200,
    //minWidth: 100,
    //showDelay: 50,
    //trackMouse: true,
    //hideDelay: true,
  
    //closable: true,
    //autoHide: false,
    //draggable: true,
    dismissDelay: 0
});

Ext.ToolTip代碼:
 new Ext.ToolTip({
        target: 'tip1',
        html: 'test tooltip'
    });
在html頁面中加入:<a id=tip1 href="">11</a> 就可以看到下面的效果:


可以通過ToolTip設(shè)置圖層自動ajax加載頁面,代碼:
new Ext.ToolTip({
     target: 'ajax-tip',
     width: 200,
     autoLoad: {url: 'test/1.jsp'},
 });
在html頁面中加入:<a id=ajax-tip href="">ajaxtip</a>  就可以看到下面的效果:

打開的層可以關(guān)閉,代碼:
new Ext.ToolTip({
        target: 'close-tip',
        html: 'test close',
        title: 'test',
        autoHide: false,
        closable: true,
        draggable:true
    });
在html頁面中加入:<a id='close-tip href="">'closetip</a>  就可以看到下面的效果:

打開的層隨鼠標(biāo)移動,代碼:
 new Ext.ToolTip({
        target: 'track-tip',
        title: 'Mouse Track',
        width:200,
        html: 'This tip will follow the mouse while it is over the element',
        trackMouse:true,
        dismissDelay: 15000
    });
在html頁面中加入:<a id=track-tip href="">tracktip</a>  就可以看到下面的效果:

 

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
ExtJS Grid Tooltip的3+1種實(shí)現(xiàn)方式總結(jié)
extjs grid 分組來制作分配權(quán)限窗體界面
ext 實(shí)例(轉(zhuǎn))
ExtJs學(xué)習(xí)筆記基礎(chǔ)篇(3)-面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
ExtJS專題
ExtJS學(xué)習(xí):MVC模式案例(二) | 李壞博客
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服