jQuery EasyUI Меню и кнопка -Создание кнопки-ссылки
Обычно для создания кнопок используется элемент <button>, тогда как кнопка-ссылка создается с помощью элемента <a>. Фактически, кнопка-ссылка — это элемент <a>, который выглядит как кнопка.
Чтобы создать кнопку-ссылку, достаточно добавить атрибут class с именем 'easyui-linkbutton' к элементу <a>:
<div style="padding:5px;background:#FAFAFA;width:500px;border:1px solid #ccc"> <a href="../index.html" class="easyui-linkbutton" iconCls="icon-cancel">Cancel</a> <a href="../index.html" class="easyui-linkbutton" iconCls="icon-reload">Refresh</a> <a href="../index.html" class="easyui-linkbutton" iconCls="icon-search">Query</a> <a href="../index.html" class="easyui-linkbutton">text button</a> <a href="../index.html" class="easyui-linkbutton" iconCls="icon-print">Print</a> </div> <div style="padding:5px;background:#FAFAFA;width:500px;border:1px solid #ccc"> <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-cancel">Cancel</a> <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-reload">Refresh</a> <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-search">Query</a> <a href="../index.html" class="easyui-linkbutton" plain="true">text button</a> <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-print">Print</a> <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-help"></a> <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-save"></a> <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-back"></a> </div>
Как видите, свойство iconCls — это CSS-класс стиля для иконки, который отображает изображение иконки на кнопке.
Иногда требуется отключить кнопку-ссылку или включить ее. Следующий код демонстрирует, как отключить кнопку-ссылку:
$(selector).linkbutton('disable'); // call the 'disable' method
Другие расширения