Extensions jQuery EasyUI -Portail (création de graphiques, listes, graphiques sphériques, etc.)

jQuery EasyUI 扩展Extensions jQuery EasyUI

Utilisation

Étape 1 : Créer une page HTML

    <div id="pp" style="width:800px;height:500px;">
        <div style="width:33%"></div>
        <div style="width:33%"></div>
        <div style="width:33%"></div>
    </div>

Étape 2 : Créer un portail

    $('#pp').portal(options);

Étape 3 : Ajouter des widgets de panneau au portail

    // create the panel
    var p = $('<div></div>').appendTo('body');
    p.panel({
        title: 'My Title',
        height:150,
        closable: true,
        collapsible: true
    });
     
    // add the panel to portal
    $('#pp').portal('add', {
        panel: p,
        columnIndex: 0
    });

Propriétés

Name Type Description Valeur par défaut
width nombre La largeur du portail. auto
height nombre La hauteur du portail. auto
border booléen Définit s'il faut afficher la bordure du portail. false
fit booléen Lorsqu'il est défini sur true, définit la taille du portail pour qu'elle s'adapte à son conteneur parent. false

Événements

Name Parameters Description
onStateChange none Déclenché lorsque l'utilisateur glisse-dépose un panneau.
onResize width,height Déclenché lorsque la taille du portail change.

Méthodes

Name Parameters Description
options none Renvoie l'objet options.
resize param Définit la taille du portail. Le paramètre 'param' inclut les propriétés suivantes :
width: la nouvelle largeur du portail.
height: la nouvelle hauteur du portail.
getPanels columnIndex Obtient le panneau de colonne spécifié. Lorsque le paramètre columnIndex n'est pas attribué, renvoie tous les panneaux.
ajoutez param Ajoute un nouveau panneau. Le paramètre 'param' inclut les propriétés suivantes :
panel: l'objet panneau à ajouter.
columnIndex : l'index de colonne à insérer.
supprimer panel Supprime et détruit le panneau spécifié.
disableDragging panel Désactive la fonctionnalité de glisser-déposer du panneau.
enableDragging panel Active la fonctionnalité de glisser-déposer du panneau.

Télécharger les exemples jQuery EasyUI

jquery-easyui-portal.zip

jQuery EasyUI 扩展Extensions jQuery EasyUI Autres extensions