1. Heim
  2. jQuery EasyUI Fenster - Erstellen einer einfachen Fenster

Das beste jQuery EasyUI Fenster - Erstellen einer einfachen Fenster-Tutorial im Jahr 2024. In diesem Tutorial können Sie Download von jQuery EasyUI Beispiele, lernen

jQuery EasyUI Fenster - Erstellen einer einfachen Fenster

Erstellen Sie ein Fenster (Fenster) ist sehr einfach, wir ein DIV-Tag zu erstellen: 

<Div id = "win" class = "easyui-Fenster" title = "My Window" style = "width: 300px; height: 100px; padding: 5px;">
	Einige Artikel.
</ Div>

Jetzt die Testseite ausführen, werden Sie ein Fenster (Fenster) zu sehen ist, auf dem Bildschirm angezeigt. Wir brauchen keine JavaScript-Code zu schreiben.

Wenn Sie ein ausgeblendetes Fenster (Fenster) erstellen möchten, denken Sie daran, die "geschlossene" Eigenschaft auf 'true' Wert, können Sie die "offene" Methode aufrufen, um das Fenster zu öffnen (Fenster): 

<Div id = "win" class = "easyui-Fenster" title = "My Window" closed = "true" style = "width: 300px; height: 100px; padding: 5px;">
	Einige Artikel.
</ Div>

. $ ( '# Win') Fenster ( 'open');

Als letztes Beispiel zeigt, erstellen wir ein Login-Fenster (Fenster): 

<Div id = "win" class = "easyui-Fenster" title = "Login" style = "width: 300px; height: 180px;">
	<Form style = "padding: 10px 20px 10px 40px;">
		<P> Name: <input type = "text"> </ p>
		<P> Pass: <input type = "password"> </ p>
		<Div style = "padding: 5px; text-align: center;">
			<a href="#" class="easyui-linkbutton" icon="icon-ok"> Ok </a>
			<a href="#" class="easyui-linkbutton" icon="icon-cancel"> Abbrechen </a>
		</ Div>
	</ Form>
</ Div>

Download von jQuery EasyUI Beispiele

jeasyui-win-win1.zip

Hot Tutorials

Kontaktiere uns

jQuery EasyUI Fenster - Erstellen einer einfachen Fenster
10/30