Fenêtre jQuery EasyUI -Barre d'outils de fenêtre personnalisée

Par défaut, la fenêtre dispose de quatre outils : pliable, minimisable, maximisable et fermable. Par exemple, nous définissons la fenêtre suivante :

    <div id="win" class="easyui-window" title="My Window" style="padding:10px;width:200px;height:100px;">
        window content
    </div>

Pour personnaliser les outils, définissez l'outil sur true ou false. Par exemple, nous voulons définir une fenêtre qui ne possède qu'un outil fermable. Vous devez définir tous les autres outils sur false. Nous pouvons définir la propriété tools dans le balisage ou via du code jQuery. Nous utilisons maintenant du code jQuery pour définir la fenêtre :

    $('#win').window({
        collapsible:false,
        minimizable:false,
        maximizable:false
    });

Si nous voulons ajouter des outils personnalisés à la fenêtre, nous pouvons utiliser la propriété tools. À titre de démonstration, nous ajoutons deux outils à la fenêtre :

    $('#win').window({
        collapsible:false,
        minimizable:false,
        maximizable:false,
        tools:[{
            iconCls:'icon-add',
            handler:function(){
                alert('add');
            }
        },{
            iconCls:'icon-remove',
            handler:function(){
                alert('remove');
            }
        }]
    });

Télécharger les exemples jQuery EasyUI

jeasyui-win-win2.zip