1. Home
  2. menús y botones EasyUI jQuery - Crear botón de división

El mejor tutorial de menús y botones EasyUI jQuery - Crear botón de división en 2024. En este tutorial podrás aprender menús y botones EasyUI jQuery - Crear botón de división

menús y botones EasyUI jQuery - Crear botón de división

botón de división (SPLIT) contiene un botón de enlace (Botón de Enlace) y un menú (menú). Cuando el usuario hace clic en la flecha hacia abajo, o se ciernen sobre la región mostrará un menú correspondiente. Este ejemplo muestra cómo crear y utilizar un botón de división (SPLIT).

Creamos un botón de división (botón de división) y un botón de enlace (Botón de Enlace): 

	<Div style = "border: 1px #ccc sólida; fondo: #fafafa; padding: 5px; ancho: 120px;">
		<a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit"> Editar </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a>
	</ Div>
	<Id = Div estilo "mm" = "width: 150px;">
		<Div iconCls = "icono-undo"> Deshacer </ div>
		<Div iconCls = "icono-rehacer"> Rehacer </ div>
		<Div class = "menu-sep"> </ div>
		<Div> Cortar </ div>
		<Div> Copiar </ div>
		<Div> Pegar </ div>
		<Div class = "menu-sep"> </ div>
		<Div>
			<Span> Abrir </ span>
			<Div style = "width: 150px;">
				<Div> Firefox </ div>
				<Div> Internet Explorer </ div>
				<Div class = "menu-sep"> </ div>
				<Div> Seleccionar programa es. </ div>
			</ Div>
		</ Div>
		<Div iconCls = "icono-remove"> Eliminar </ div>
		<Div> Seleccionar todo </ div>
	</ Div>

ahora se ha definido un botón de división (SPLIT), no es necesario escribir ningún código Javascript.

Hot Tutorials

Contact US

menús y botones EasyUI jQuery - Crear botón de división
10/30