jQuery EasyUI Window -Пользовательская панель инструментов окна

По умолчанию окно имеет четыре инструмента: сворачиваемый, минимизируемый, максимизируемый и закрываемый. Например, мы определяем следующее окно:

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

Чтобы настроить инструменты, установите для инструмента значение true или false. Например, мы хотим определить окно, которое имеет только закрываемый инструмент. Следует установить для всех остальных инструментов значение false. Мы можем определить свойство tools в разметке или через код jQuery. Теперь мы используем код jQuery для определения окна:

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

Если мы хотим добавить пользовательские инструменты в окно, мы можем использовать свойство tools. В качестве демонстрации мы добавляем два инструмента в окно:

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

Скачать примеры jQuery EasyUI

jeasyui-win-win2.zip

Другие расширения