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
Другие расширения