Najlepszy samouczek Okno jQuery EasyUI - Tworzenie prostej okno W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

Okno jQuery EasyUI - Tworzenie prostej okno

Utwórz okno (okno) jest bardzo proste, możemy utworzyć znacznik DIV:

<Div id = "wygrać" class = "easyui-okno" title = "Moje okno" style = "width: 300px; height: 100px; padding: 5px;">
	Niektóre treści.
</ Div>

Teraz należy uruchomić stronę testową, zobaczysz okno (okna) jest wyświetlany na ekranie. Nie trzeba pisać żadnego kodu javascript.

Jeśli chcesz utworzyć ukryte okno (okno), należy pamiętać, aby ustawić "zamknięty" właściwość "prawdziwa" wartość, można wywołać metodę "otwarte", aby otworzyć okno (okno):

<Div id = "wygrać" class = "easyui-okno" title = "mojego okna" zamknięte = "true" style = "width: 300px; height: 100px; padding: 5px;">
	Niektóre treści.
</ Div>
. $ ( '# Win ") okno (' open ');

Jako ostatni przykład pokazuje, tworzymy okno logowania (okno):

<Div id = "wygrać" class = "easyui-okno" title = "Login" style = "width: 300px; height: 180px;">
	<Formularz style = "padding: 10px 20px 10px 40px;">
		<P> Nazwa: <input type = "text"> </ p>
		<P> Hasło: <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"> Anuluj </a>
		</ Div>
	</ Form>
</ Div>

Pobierz przykłady jQuery EasyUI

jeasyui-win-win1.zip

Okno jQuery EasyUI - Tworzenie prostej okno
10/30