jQuery EasyUI Menü- und Button-Plugin -Linkbutton

jQuery EasyUI 插件jQuery EasyUI Plugin

Überschreiben Sie die Standardwerte über $.fn.linkbutton.defaults.

Der Linkbutton wird verwendet, um eine Hyperlink-Schaltfläche zu erstellen. Er ist eine Darstellung eines normalen <a>-Tags. Er kann ein Symbol und Text anzeigen, oder nur eines von beiden. Die Breite der Schaltfläche kann dynamisch schrumpfen/erweitern, um sich an ihre Textbeschriftung anzupassen.

Nutzung

Linkbutton erstellen

Das Erstellen eines Linkbuttons aus Markup ist einfacher.

<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

Das programmgesteuerte Erstellen eines Linkbuttons ist ebenfalls erlaubt.

<a id="btn" href="../index.html">easyui</a>
$('#btn').linkbutton({
    iconCls: 'icon-search'
});

Behandeln Sie die Klicks auf den Linkbutton.

Ein Klick auf den Linkbutton navigiert den Benutzer zu einer anderen Seite.

<a href="otherpage.php.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

Das folgende Beispiel zeigt eine Meldung an.

<a href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
    onclick="javascript:alert('easyui')">easyui</a>

Verwenden Sie jQuery, um den Click-Handler zu binden.

<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

$(function(){
    $('#btn').bind('click', function(){
        alert('easyui');
    });
});

Attribute

Name Type Beschreibung Standardwert
id string Das id-Attribut der Komponente. null
disabled boolesch Wenn auf true gesetzt, ist der Button deaktiviert. false
toggle boolesch Wenn auf true gesetzt, darf der Benutzer den ausgewählten Zustand des Buttons umschalten. Dieses Attribut ist seit Version 1.3.3 verfügbar. false
selected boolesch Definiert, ob der Button-Zustand ausgewählt ist. Dieses Attribut ist seit Version 1.3.3 verfügbar. false
group string Gibt den Gruppennamen an, zu dem der Button gehört. Dieses Attribut ist seit Version 1.3.3 verfügbar. null
plain boolesch Wenn auf true gesetzt, wird ein einfacher Effekt angezeigt. false
text string Der Button-Text. ''
iconCls string Eine CSS-Klasse, um ein 16x16-Symbol links anzuzeigen. null
iconAlign string Die Position des Button-Symbols. Mögliche Werte: 'left', 'right'. Dieses Attribut ist seit Version 1.3.2 verfügbar. left

Methoden

Name Parameters Beschreibung
options none Gibt die Eigenschaft options zurück.
disable none Den Button deaktivieren.
Codebeispiel:
$('#btn').linkbutton('disable');
enable none Den Button aktivieren.
Codebeispiel:
$('#btn').linkbutton('enable');
select none Den Button auswählen. Diese Methode ist seit Version 1.3.3 verfügbar.
unselect none Die Auswahl des Buttons aufheben. Diese Methode ist seit Version 1.3.3 verfügbar.
jQuery EasyUI 插件jQuery EasyUI Plugin Weitere Erweiterungen