Heim Web-Frontend js-Tutorial jQuery EasyUI API 中文文档 - Tabs标签页/选项卡_jquery

jQuery EasyUI API 中文文档 - Tabs标签页/选项卡_jquery

May 16, 2016 pm 06:01 PM
tabs 标签页 选项卡

Tabs 标签页/选项卡

$.fn.tabs.defaults重写defaults


依赖
panel
linkbutton
用法示例
创建tabs
1、 经由标记创建Tabs
从标记创建Tabs更容易,我们不需要写任何JavaScript代码。记住把 'easyui-tabs' 类添加到

标记,每个tab panel 经由子
标记被创建,其用法与Panel一样。
复制代码 代码如下:



tab1


tab2


tab3



2. 编程创建Tabs
现在我们编程创建 Tabs,我们同时捕捉 'onSelect' 事件。
复制代码 代码如下:

$('#tt').tabs({
border:false,
onSelect:function(title){
alert(title+' is selected');
}
});

增加新的 tab panel
复制代码 代码如下:

// 增加一个新的 tab panel
$('#tt').tabs('add',{
title:'New Tab',
content:'Tab Body',
closable:true
});

获取选中的 Tab
复制代码 代码如下:

// 获取选中的 tab panel 和它的 tab 对象
var pp = $('#tt').tabs('getSelected');
var tab = pp.panel('options').tab; // 相应的 tab 对象

特性

名称

类型

说明

默认值

width

number

Tabs 容器的宽度。

auto

height

number

Tabs 容器的高度。

auto

plain

boolean

True 就不用背景容器图片来呈现 tab 条。

false

fit

boolean

True 就设置 Tabs 容器的尺寸以适应它的父容器。

false

border

boolean

True 就显示 Tabs 容器边框。

true

scrollIncrement

number

每按一次tab 滚动按钮,滚动的像素数。

100

scrollDuration

number

滚动动应该的毫秒数。

400

tools

array

右侧工具栏,每个工具选项都和 Linkbutton 一样。

null

事件

名称

参数

说明

onLoad

panel

当一个 ajax tab panel 完成加载远程数据时触发。

onSelect

title

当用户选择一个 tab panel 时触发。

onBeforeClose

title

当一个 tab panel 被关闭前触发,返回 false 就取消关闭动作。

onClose

title

当用户关闭一个 tab panel 时触发。

onAdd

title

当一个新的 tab panel 被添加时触发。

onUpdate

title

当一个 tab panel 被更新时触发。

onContextMenu

e, title

当一个 tab panel 被右键点击时触发。

方法

名称

参数

说明

options

none

返回 tabs options

tabs

none

返回全部 tab panel

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Fix: ERR_ADDRESS_UNREACHABLE-Fehler in Google Chrome Fix: ERR_ADDRESS_UNREACHABLE-Fehler in Google Chrome May 15, 2023 pm 06:22 PM

Mehrere Windows-Benutzer haben sich darüber beschwert, dass sie beim Versuch, auf bestimmte Websites im Google Chrome-Browser auf ihren Systemen zuzugreifen, nicht auf die Webseiten zugreifen können. Außerdem wird im Browser die Meldung „Die Website kann nicht erreicht werden“ mit dem Fehlercode ERR_ADDRESS_UNREACHABLE angezeigt. Es kann viele mögliche Gründe für dieses Problem geben: Probleme mit dem Website-Server, Proxy-Server-Einstellungen, instabile Internetverbindung usw. Wenn Sie auf ähnliche Probleme stoßen, geraten Sie nicht in Panik. Nachdem wir das Problem in diesem Artikel eingehend analysiert haben, haben wir eine Reihe von Lösungen gefunden. Bevor Sie fortfahren, versuchen Sie die folgenden Problemumgehungen: Überprüfen Sie, ob der Benutzer versucht, von anderen Geräten aus auf die Website zuzugreifen, und es keine Probleme gibt, dann dies

So beheben Sie, dass das Vorschaufenster unter Windows 11 nicht funktioniert So beheben Sie, dass das Vorschaufenster unter Windows 11 nicht funktioniert Apr 24, 2023 pm 06:46 PM

Eine der Funktionen des Windows-Datei-Explorers ist das Vorschaufenster, das eine Vorschau der von Ihnen ausgewählten Datei anzeigt. Dies bedeutet, dass Sie den Inhalt der Datei anzeigen können, bevor Sie sie öffnen. Der Vorschaubereich des Datei-Explorers bietet Vorschauen für verschiedene Dateitypen wie Office-bezogene Dokumente, PDFs, Textdateien, Bilder und Videos. Normalerweise funktioniert es einwandfrei, aber manchmal ist die Dateivorschau nicht verfügbar. In letzter Zeit haben viele Benutzer von Windows 11 das Problem angesprochen, dass das Vorschaufenster des Datei-Explorers nicht funktioniert und sie keine Dateivorschauen anzeigen können. Haben Sie das Problem, dass das Vorschaufenster auf Ihrem Windows-Computer nicht funktioniert? Dann lesen Sie diesen Artikel weiter. Hier haben wir eine Liste mit Korrekturen zusammengestellt, die Ihnen bei der Behebung helfen können

Kann MSI Afterburner in Windows 11 nicht verwendet werden? Probieren Sie die folgenden Korrekturen aus. Kann MSI Afterburner in Windows 11 nicht verwendet werden? Probieren Sie die folgenden Korrekturen aus. May 09, 2023 am 09:16 AM

MSIAfterburner ist ein Übertaktungstool, das für die meisten Grafikkarten geeignet ist. Darüber hinaus können Sie damit auch die Leistung Ihres Systems überwachen. Einige Benutzer berichteten jedoch, dass MSIAfterburner unter Windows 11 nicht funktioniert. Dies kann mehrere Gründe haben, die wir in den folgenden Abschnitten besprechen. Wenn dies jedoch geschieht, können Sie die Leistung nicht ändern oder während des Spiels überwachen. Wie erwartet stellt dies eine erhebliche Herausforderung für Gamer dar. Aus diesem Grund haben wir dieses Tutorial gewidmet, um Ihnen zu helfen, das Problem zu verstehen und Sie durch die effektivsten Lösungen für das Problem zu führen, dass MSIAfterburned unter Windows 11 nicht funktioniert.

Fix: VAN 1067-Fehler beim Ausführen von Valorant unter Windows 11 Fix: VAN 1067-Fehler beim Ausführen von Valorant unter Windows 11 May 22, 2023 pm 02:41 PM

Das Betriebssystem sieht viel besser aus als sein Vorgänger und verfügt über spielerorientierte Funktionen wie AutoHDR und DirectStorage, allerdings hatten Valorant-Spieler einige Probleme beim Starten des Spiels. Dies ist nicht das erste Problem, mit dem Gamer zuvor konfrontiert waren. Valorant lässt sich unter Windows 11 nicht öffnen. Dies ist ein weiteres Problem, das sie plagt, aber wir haben die Möglichkeiten zur Behebung beschrieben. Nun scheint es, dass Valorant-Spieler, die auf Windows 11 umgestiegen sind, aufgrund von Secure Boot und TPM2.0-Diensten mit Problemen konfrontiert sind, die dazu führen, dass im Spielmenü während der Ausführung nur eine Exit-Option angezeigt wird. Viele Benutzer erhalten den Fehler VAN1067, aber das sollte kein Grund zur Beunruhigung sein

Um dies zu beheben, müssen Sie eine interaktive Fensterstation verwenden Um dies zu beheben, müssen Sie eine interaktive Fensterstation verwenden Apr 24, 2023 pm 11:52 PM

Dieser Vorgang erfordert eine interaktive Fensterstation, was ein ziemlich seltsamer Fehler ist. Softwarefenster, die Benutzern die Interaktion mit der App ermöglichen, sind nicht geöffnet. Sie müssen sie aktivieren. Dieser Fehler wurde mit der 2021 Printing Nightmare-Schwachstelle in Verbindung gebracht. Es besteht jedoch bis heute weiterhin und wirkt sich auf Ihren Computer und Ihre Gerätetreiber aus. Glücklicherweise ist es leicht zu beheben. Warum tritt dieser Fehler überhaupt auf? Bevor Sie beschreiben, wie Sie diesen Fehler beheben können, müssen Sie unbedingt die Ursachen dieses Fehlers auflisten. Auf diese Weise können Sie die notwendigen Schritte unternehmen, um sicherzustellen, dass so etwas nicht noch einmal passiert. Beschädigte Dateien bringen Ihre Computerdateien durcheinander – Beschädigungen können verschiedene Ursachen haben, von Malware bis hin zu Stromausfällen. Es wird empfohlen, einen SFC-Scan durchzuführen. Sie haben eine übereifrige Antiviren-App – Antivirensoftware blockiert manchmal

Wie deaktiviere ich die automatische Videowiedergabe im Opera-Browser? Wie deaktiviere ich die automatische Videowiedergabe im Opera-Browser? Apr 22, 2023 pm 10:43 PM

Die neueste Version des Opera-Browsers enthält eine neue automatische Video-Popup-Funktion. Wenn Sie diese Funktion verwenden, werden Sie feststellen, dass das Video automatisch angezeigt wird, wenn Sie zu einem anderen Tab in Ihrem Browser navigieren. Es wurde festgestellt, dass dieses Popup-Video in der Größe geändert und auf dem Bildschirm verschoben werden kann. Wenn Sie zurück zur Registerkarte „Videos“ navigieren, wird diese fortgesetzt und das schwebende Fenster verschwindet. Die Video-Popup-Funktion ist nützlich für Multitasking-Benutzer, die während der Arbeit gerne Videos ansehen. Allerdings wird nicht jedem Opera-Benutzer diese automatische Video-Popup-Funktion gefallen. Wenn Sie zu den Nutzern des Opera-Browsers gehören, die sich darüber ärgern, dass bei jedem Tab-Wechsel Videos auftauchen, dann haben Sie den richtigen Beitrag gefunden. Hier erfahren Sie, wie Sie dieses Popup in Opera deaktivieren

Die DirectX-Funktion GetDeviceRemovedReason schlägt mit einem Fehler fehl Die DirectX-Funktion GetDeviceRemovedReason schlägt mit einem Fehler fehl May 17, 2023 pm 03:38 PM

Fast jedes High-End-Spiel, das wir spielen, verlässt sich auf DirectX, um effizient zu laufen. Einige Benutzer berichteten jedoch, dass sie auf die DirectX-Funktion GetDeviceRemovedReasonfailedwith gefolgt von der Fehlerursache gestoßen seien. Die oben genannten Gründe sind für den Durchschnittsbenutzer nicht offensichtlich und erfordern ein gewisses Maß an Recherche, um die Grundursache und die effektivste Lösung zu ermitteln. Zur Vereinfachung haben wir diesem Problem dieses Tutorial gewidmet. In den folgenden Abschnitten helfen wir Ihnen, die möglichen Ursachen zu identifizieren und führen Sie durch die Schritte zur Fehlerbehebung, um die DirectX-Funktion GetDeviceRemovedReasonfailedwitherror zu beseitigen. welche Ursachen

So optimieren Sie die Geschwindigkeit der Internetverbindung in Windows 11 So optimieren Sie die Geschwindigkeit der Internetverbindung in Windows 11 Apr 23, 2023 pm 10:46 PM

Wie kann das Problem der langsamen Netzwerkgeschwindigkeit in Windows 11 gelöst werden? 1. Starten Sie Ihren Computer neu. Navigieren Sie zum Desktop und drücken Sie Alt+F4, um das Feld „Windows herunterfahren“ zu aktivieren. Klicken Sie auf das Dropdown-Menü und wählen Sie „Neu starten“ aus der Liste der Optionen. Klicken Sie anschließend auf OK. Für die meisten Probleme, die unter Windows 11 auftreten, besteht eine der effektivsten Lösungen darin, Ihren Computer einfach neu zu starten. Wenn es sich um einen Hintergrundprozess oder Fehler handelt, der das Problem verursacht, wird dieser durch einen Neustart des Betriebssystems behoben und somit der Fehler behoben. Überprüfen Sie nach dem Neustart des Computers, ob das Problem mit der Netzwerkgeschwindigkeit von Windows 11 behoben ist. 2. Stellen Sie sicher, dass sich der PC in Reichweite des Routers (Wi-Fi-Netzwerk) befindet. Bei einem drahtlosen Netzwerk gilt: Je weiter das Gerät vom Router entfernt ist, desto langsamer ist die Internetgeschwindigkeit

See all articles