• <menu id="w2i4a"></menu>
  •
    logo jQuery EasyUI使用教程
    文檔首頁>>jQuery EasyUI使用教程>>jQuery EasyUI使用教程：創(chuàng)建標(biāo)簽頁

    jQuery EasyUI使用教程：創(chuàng)建標(biāo)簽頁

    Kendo UI for jQuery——?jiǎng)?chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫！查看詳情>>>

    <jQuery EasyUI最新版下載>

    本教程將展示如何使用easyui創(chuàng)建一個(gè)標(biāo)簽組件。標(biāo)簽可以動(dòng)態(tài)地添加或刪除多個(gè)面板，你可以使用標(biāo)簽在同一個(gè)頁面上顯示不同的實(shí)體。

    標(biāo)簽一次只能顯示一個(gè)面板，每個(gè)面板都有標(biāo)題、圖表和關(guān)閉按鈕。當(dāng)標(biāo)簽被選中之后，會(huì)顯示相應(yīng)面板的內(nèi)容。

    jQuery EasyUI使用教程：創(chuàng)建標(biāo)簽頁

    查看演示

    使用HTML標(biāo)記創(chuàng)建標(biāo)簽，其中包括一個(gè)DIV容器和一些DIV面板。

    < div class="easyui-tabs" style="width:400px;height:100px;">
< div title="First Tab" style="padding:10px;">
First Tab
< /div>
< div title="Second Tab" closable="true" style="padding:10px;">
Second Tab
< /div>
< div title="Third Tab" iconCls="icon-reload" closable="true" style="padding:10px;">
Third Tab
< /div>
< /div>

    我們創(chuàng)建具有三個(gè)面板的一個(gè)標(biāo)簽組件，第二個(gè)和第三個(gè)面板可以通過點(diǎn)擊關(guān)閉按鈕關(guān)閉。

    下載該EasyUI示例：easyui-tabs-demo.zip

    購買最新正版授權(quán)！"咨詢?cè)诰€客服"

    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

    客服熱線
    023-68661681

    TOP
    三级成人熟女影院,欧美午夜成人精品视频,亚洲国产成人乱色在线观看,色中色成人论坛 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();