jquery eaayui 学习(三)tab
生活随笔
收集整理的這篇文章主要介紹了
jquery eaayui 学习(三)tab
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
1.消息
$("#btn").click(function(){$.messager.defaults={ok:"確定",cancel:"取消"}; //更改默認顯示文字$.messager.alert('Warning','The?warning?message'); //alert$.messager.confirm('Confirm','Are?you?sure?you?want?to?delete?record?',function(r){alert(r); // true or false});$.messager.show({msg:'你的電腦將在10秒內重啟。。。',title:'提示'}); //右下角彈出窗口});2.tab頁
(1)html代碼:
<div id="tt" class="easyui-tabs" style="width:200px;height:100px;"><div title="tab1">tab1</div><div title="tab2" closable="true" iconCls="icon-reload" >tab2</div></div>(2)效果:
?(3)更多屬性:
$("#ttt").tabs({//編碼方式創建tabs頁并設置屬性tools:[{ //右邊按鍵, linkbutton數組text:'linkbutton',plain:true}],onSelect:function(title){ //選中事件//alert("tab '"+title+"' is selected.");}});});$("#btnAdd").click(function(){//添加新tab頁$("#ttt").tabs("add",{title:'a new tab',content:'content of new tab',closable:true });});$("#btn3").click(function(){//獲取選中tabvar pp = $("#ttt").tabs("getSelected");var tab = pp.panel("options").tab;// 怎么用??alert(tab.title);});?
轉載于:https://my.oschina.net/u/1015065/blog/127369
總結
以上是生活随笔為你收集整理的jquery eaayui 学习(三)tab的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基于.net3.5以上XML操作.
- 下一篇: 为 raspberrypi 开发内核模块