JQuery EasyUI меню и кнопки - кнопка Link Создать
При нормальных обстоятельствах, использование элемента <Button> для создания кнопки, кнопки и ссылки (кнопка Link) является использование <a> элемента для создания. Так что это на самом деле ссылка кнопка (кнопка Link) отображается в виде кнопки стиля <a> элементы.
Чтобы создать кнопку ссылки (Link Button), все, что вам нужно сделать, это добавить файл с именем 'easyui-LinkButton' атрибут класс <a> элементы:
<Div стиль = "обивка: 5px; фон: #fafafa; ширина: 500px; границы: 1px твердый #ccc"> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel"> Отмена </a> <a href="#" class="easyui-linkbutton" iconCls="icon-reload"> Обновить </a> <a href="#" class="easyui-linkbutton" iconCls="icon-search"> запросов </a> <a href="#" class="easyui-linkbutton"> текст кнопки </a> <a href="#" class="easyui-linkbutton" iconCls="icon-print"> печати </a> </ Div> <Div стиль = "обивка: 5px; фон: #fafafa; ширина: 500px; границы: 1px твердый #ccc"> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"> Отмена </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload"> Обновить </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"> запросов </a> <a href="#" class="easyui-linkbutton" plain="true"> текст кнопки </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print"> печати </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-save"> </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back"> </a> </ Div>
Как вы можете видеть, iconCls свойство является иконой стиля класса CSS, он отображает изображение значка на кнопке.
Иногда вам нужно отключить кнопку ссылки (кнопка Link) или включить его, следующий код показывает, как отключить кнопку ссылки (кнопка Link):
$ (Селектор) .linkbutton ( 'отключить'); // вызов "выключить" метод