1. Heim
  2. jQuery EasyUI Menüs und Schaltflächen - split-Taste erstellen

Das beste jQuery EasyUI Menüs und Schaltflächen - split-Taste erstellen-Tutorial im Jahr 2024. In diesem Tutorial können Sie jQuery EasyUI Menüs und Schaltflächen - split-Taste erstellen lernen

jQuery EasyUI Menüs und Schaltflächen - split-Taste erstellen

Split-Taste (Split-Taste) enthält einen Link Taste (Link-Taste) und ein Menü (Menu). Wenn der Benutzer den Pfeil nach unten klickt, oder über die Region schweben wird ein entsprechendes Menü angezeigt werden soll. Dieses Beispiel zeigt, wie das Erstellen und eine Split-Taste (Split-Taste) verwenden.

Wir schaffen eine Split-Taste (Split-Taste) und eine Link-Schaltfläche (Link-Taste): 

	<Div style = "border: 1px solid #ccc; Hintergrund: #fafafa; padding: 5px; width: 120px;">
		<a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit"> bearbeiten </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a>
	</ Div>
	<Div id = "mm" style = "width: 150px;">
		<Div iconCls = "Symbol-undo"> Rückgängig </ div>
		<Div iconCls = "icon-Redo"> Wiederherstellen </ div>
		<Div class = "Menü-sep"> </ div>
		<Div> Cut </ div>
		<Div> Kopieren </ div>
		<Div> Einfügen </ div>
		<Div class = "Menü-sep"> </ div>
		<Div>
			<Span> Öffnen </ span>
			<Div style = "width: 150px;">
				<Div> Firefox </ div>
				<Div> Internet Explorer </ div>
				<Div class = "Menü-sep"> </ div>
				<Div> Programm auswählen de. </ div>
			</ Div>
		</ Div>
		<Div iconCls = "icon-Entfernen"> Löschen </ div>
		<Div> Alle auswählen </ div>
	</ Div>

Hat nun eine Split-Taste (Split-Taste) definiert sind, Sie brauchen keine JavaScript-Code zu schreiben.

Hot Tutorials

Kontaktiere uns

jQuery EasyUI Menüs und Schaltflächen - split-Taste erstellen
10/30