меню и кнопки Jquery EasyUI - кнопку раздвоение Создать
Кнопка Split (Split Button) содержит кнопку ссылки (Link Button) и меню (Меню). Когда пользователь нажимает на стрелку вниз, или наведите курсор мыши на область появится соответствующее меню. Этот пример демонстрирует, как создавать и использовать кнопку Split (Split Button).
Мы создаем кнопку разделения (Split Button) и кнопку ссылки (кнопка Link):
<Div стиль = "границы: 1px твердый #ccc; фон: #fafafa; обивка: 5px; ширина: 120px;"> <a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit"> Edit </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a> </ Div> <Div ID = "мм" стиль = "ширина: 150px;"> <Div iconCls = "Значок-Undo"> Отменить </ DIV> <Div iconCls = "Значок-Redo"> Redo </ DIV> <Div класс = "Меню-Сентябре"> </ DIV> <Div> Вырезать </ DIV> <Div> Копировать </ DIV> <Div> Вставить </ DIV> <Div класс = "Меню-Сентябре"> </ DIV> <Div> <SPAN> Открыть </ SPAN> <Div стиль = "ширина: 150px;"> <Div> Firefox </ DIV> <Div> Internet Explorer </ DIV> <Div класс = "Меню-Сентябре"> </ DIV> <Div> Select Program ... </ DIV> </ Div> </ Div> <Div iconCls = "Значок-удалить"> Удалить </ DIV> <Div> Выделить все </ DIV> </ Div>
Была определена Теперь кнопка разделения (Split Button), вам не нужно писать никакого кода яваскрипта.