Latest web development tutorials
×

jQuery EasyUI curso

jQuery EasyUI curso jQuery EasyUI breve introdução

jEasyUI aplicação

jEasyUI Criando um aplicativo CRUD jEasyUI Criando uma grade de dados CRUD jEasyUI formulário de pedido de CRUD jEasyUI Criar um leitor de RSS

jEasyUI Drag and Drop

jEasyUI arraste básico e queda jEasyUI Criar carrinho de compras queda jEasyUI Criar um currículo escolar

jEasyUI Menus e botões

jEasyUI Criando um menu simples jEasyUI Criar botão link jEasyUI Criar um botão de menu jEasyUI Criar botão de divisão

jEasyUI traçado

jEasyUI Criar um layout de borda jEasyUI Criar layouts complexos jEasyUI Criar painel de dobramento jEasyUI Criar guia jEasyUI Dinamicamente adicionar guias jEasyUI Adicionar separador AutoPlay jEasyUI Criar XP Style no painel do lado esquerdo

jEasyUI Grade de dados

jEasyUI Convertido para grade de dados tabela HTML jEasyUI Obter linha de dados selecionada jEasyUI Adicionar inquérito jEasyUI Adicionar barra de ferramentas jEasyUI Criar barras de ferramentas complexas jEasyUI Configurando colunas de congelamento jEasyUI coluna de mudança dinâmica jEasyUI Colunas de formato jEasyUI Definir o tipo jEasyUI Organização personalizada jEasyUI Criar uma combinação de colunas jEasyUI Adicionar checkbox jEasyUI paginação personalizada jEasyUI Permitir a edição em linha jEasyUI editor estendida jEasyUI operação da coluna jEasyUI célula mesclada jEasyUI Criar uma exibição personalizada jEasyUI Criar resumo de rodapé jEasyUI Condições definir linha cor de fundo jEasyUI Criar uma grade de propriedade jEasyUI linhas expandidas Ver detalhes jEasyUI Criar subdivisões jEasyUI Exibir dados em massa jEasyUI Adicionar um componente de página

jEasyUI janela

jEasyUI Criando uma janela simples jEasyUI Barras de ferramentas de janela de costume jEasyUI Janela e layout jEasyUI Criar diálogo jEasyUI caixa de diálogo Personalizar

jEasyUI árvore de menus

jEasyUI Use tags para criar menu em árvore jEasyUI Criar menu em árvore assíncrona jEasyUI Adicionando um menu árvore de nós jEasyUI Criar menu de árvore com caixas de seleção jEasyUI Arraste e solte o controle de menu em árvore jEasyUI menu de carga de árvores nós pai / filho jEasyUI Criando uma árvore baseado em grid jEasyUI Criar uma malha de árvore complexa jEasyUI grade de árvore carregado dinamicamente jEasyUI Adicionar um guia Grade árvore jEasyUI carregamento lento árvore de nós de grade

jEasyUI formulário

jEasyUI Envie o formulário para criar um assíncrono jEasyUI Autenticação de formulários jEasyUI Criar uma caixa de árvore drop-down jEasyUI caixa suspensa Format jEasyUI Filtro de grade de dados drop-down

jEasyUI manual de referência

jQuery EasyUI widget jQuery EasyUI propagação

menus e botões Widget jQuery EasyUI - botão de link linkButton

jQuery EasyUI plug-in jQuery EasyUI plug-in

Por $ .fn.linkbutton.defaults substituir os padrões predefinidos.

botão Link (linkbutton) é usado para criar um botão de hyperlink. É um marcador normal de representação <a>. Ele pode exibir ícones e texto, ou simplesmente exibir ícones e texto em um. largura do botão encolher dinamicamente / expandir para caber seu rótulo de texto.

uso

Botão Criar Link (linkbutton)

Tags para criar uma ligação a partir do botão (linkbutton) mais fácil.

<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'"> easyui </a>

Programação botão Criar Link (linkbutton) também é permitido.

<a id="btn" href="#"> easyui </a>
$ ( 'Btn #'). LinkButton ({
    iconCls: 'icon-search'
});

Clique no botão de processamento de link (linkbutton) diante.

Os usuários vão clicar no botão link (linkbutton) em um guia para outras páginas.

<a href="otherpage.php" class="easyui-linkbutton" data-options="iconCls:'icon-search'"> easyui </a>

O exemplo a seguir será uma mensagem de aviso.

<A href = "#" class = "easyui-LinkButton"-opções de dados = "iconCls: 'icon-search"
    onclick = "javascript: alert ( 'easyui')"> easyui </a>

Use jQuery manipuladores ligamento do clique.

<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'"> easyui </a>
$ (Function () {
    $ ( "# Btn '). Bind (' clique ', function () {
		alert ( 'easyui');
    });
});

propriedade

名称 类型 描述 默认值
id string 该组件的 id 属性。 null
disabled boolean 如果设置为 true,则禁用按钮。 false
toggle boolean 如果设置为 true,则允许用户切换按钮的选中状态。该属性自版本 1.3.3 起可用。 false
selected boolean 定义按钮状态是否已选择。该属性自版本 1.3.3 起可用。 false
group string 指示按钮所属的分组名称。该属性自版本 1.3.3 起可用。 null
plain boolean 如果设置为 true,则显示一个简单的效果。 false
text string 按钮文本。 ''
iconCls string 在左边显示一个 16x16 图标的 CSS class。 null
iconAlign string 按钮图标的位置。可能的值:'left'、'right'。该属性自版本 1.3.2 起可用。 left

caminho

名称 参数 描述
options none 返回选项(options)属性(property)。
disable none 禁用按钮。
代码实例:
$('#btn').linkbutton('disable');
enable none 启用按钮。
代码实例:
$('#btn').linkbutton('enable');
select none 选中按钮。该方法自版本 1.3.3 起可用。
unselect none 未选中按钮。该方法自版本 1.3.3 起可用。

jQuery EasyUI plug-in jQuery EasyUI plug-in