1. Home
  2. jQuery EasyUI menus e botões - Criar botão link

O melhor tutorial jQuery EasyUI menus e botões - Criar botão link em 2024. Neste tutorial você pode aprender jQuery EasyUI menus e botões - Criar botão link

jQuery EasyUI menus e botões - Criar botão link

Em circunstâncias normais, o uso do elemento <button> para criar um botão, o botão eo link (Link Button) é o uso de <a> elemento para criar. Portanto, este é realmente um botão de link (Link Button) é exibido como um estilo de botão <a> elementos.

Para criar um botão de link (Link Button), tudo o que você precisa fazer é adicionar um arquivo chamado 'easyui-linkbutton' atributo de classe para <a> elementos: 

	<Div style = "padding: 5px; background: #fafafa; width: 500px; border: 1px #ccc sólida">
		<a href="#" class="easyui-linkbutton" iconCls="icon-cancel"> Anular </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-reload"> Atualizar </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-search"> consulta </a>
		<a href="#" texto class="easyui-linkbutton"> botão </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-print"> impressão </a>
	</ Div>
	 
	<Div style = "padding: 5px; background: #fafafa; width: 500px; border: 1px #ccc sólida">
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"> Anular </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload"> Atualizar </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"> consulta </a>
		<a href="#" class="easyui-linkbutton" plain="true"> texto do botão </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print"> impressão </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>

Como você pode ver, iconCls propriedade é um ícone do estilo de classe CSS, ele exibe uma imagem de ícone no botão.

Às vezes você precisa desativar o botão de ligação (Link Button) ou habilitá-lo, o código a seguir mostra como desativar um botão de link (Link Button): 

	$ (Selector) .linkbutton ( 'disable'); // chamar o método "desativar"

Tutoriais quentes

Contact US

jQuery EasyUI menus e botões - Criar botão link
10/30