jQuery EasyUI Erweiterung - Ribbon
Datei, die enthält Ribbon
Um Ribbon-Komponenten zu erstellen, müssen enthalten "ribbon.css", "Band-icon.css 'und' jquery.ribbon.js 'Dateien.
<Link rel = "stylesheet" type = "text / css" href = "http://www.w3cschool.cc/try/jeasyui/themes/default/easyui.css"> <Link rel = "stylesheet" type = "text / css" href = "http://www.w3cschool.cc/try/jeasyui/themes/icon.css"> <Link rel = "stylesheet" type = "text / css" href = "ribbon.css"> <Link rel = "stylesheet" type = "text / css" href = "Band-icon.css"> <Script type = "text / javascript" src = "http://code.jquery.com/jquery-1.8.0.min.js"> </ script> <Script type = "text / javascript" src = "http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"> </ script> <Script type = "text / javascript" src = "jquery.ribbon.js"> </ script>
erstellen Ribbon
Tags erstellt aus.
<Div class = "easyui-Band" style = "width: 700px;"> <Div title = "Home"> <Div class = "Band-Gruppe"> <Div class = "Ribbon-Symbolleiste"> <a href="#" class="easyui-menubutton" data-options="name:'paste',iconCls:'icon-paste-large',iconAlign:'top',size:'large'"> Einfügen < / a> </ Div> <Div class = "Ribbon-Symbolleiste"> <a href="#" class="easyui-linkbutton" data-options="name:'cut',iconCls:'icon-cut',plain:true"> Cut </a> <br> <a href="#" class="easyui-linkbutton" data-options="name:'copy',iconCls:'icon-copy',plain:true"> kopieren </a> <br> <a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true"> Format </a> </ Div> <Div class = "Band-group-title"> Zwischenablage </ div> </ Div> <Div class = "Band-Gruppe-sep"> </ div> <Div class = "Band-Gruppe"> <Div class = "Ribbon-Symbolleiste" style = "width: 200px"> </ div> <Div class = "Band-group-title"> andere Titel </ div> </ Div> <Div class = "Band-Gruppe-sep"> </ div> </ Div> </ Div>
Verwenden Sie Javascript erstellt.
<Div id = "rr" style = "width: 700px;"> </ div> <Script> $ (Function () { $ ( '# Rr'). Band ({ Daten: Daten }); }); </ Script>
Immobilien
Das Anwesen erstreckt sich von Reiter (Tabs), werden die folgenden Attribute auf Band aufgenommen.
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
data | object | ribbon 的描述对象。 | undefined |
Ereignis
Die Veranstaltung erstreckt sich von Reiter (Tabs), werden die folgenden Ereignisse für die Band aufgenommen.
名称 | 参数 | 描述 |
---|---|---|
onClick | name,target |
当单击按钮时触发。参数包括: name:按钮的名称。 target:被点击的 dom 元素。 |
Weg
Die Methoden reichen von Registerkarten (Tabs), die folgende ist eine Methode für die Band hinzuzufügen.
名称 | 参数 | 描述 |
---|---|---|
loadData | data | 下载 Ribbon 数据。 |
Download von jQuery EasyUI Beispiele
jQuery EasyUI Erweiterte