jQueryのEasyUIウィンドウ - ウィンドウのレイアウト

レイアウトコンポーネントは、ウィンドウ（窓）に埋め込むことができます。 私たちは、あなたも、任意のjsのコードを記述する必要はありません、複雑なレイアウトウィンドウを作成することができます。 jqueryの-easyuiフレームワークは、私たちはバックグラウンドでレンダリングを行う助けとサイズを調整します。

一例として、私たちは二つの部分、右の場所の左に1から構成され、ウィンドウ（ウィンドウ）を作成します。 左側のウィンドウ（窓）において、我々は右の窓（ウィンドウ）で、我々は、コンテナのタブを作成し、ツリーメニュー（ツリー）を作成します。

	<DIV CLASS = "easyuiウィンドウの" title = "レイアウトウィンドウ」アイコン="アイコンヘルプ "スタイル="幅：500pxなど;高さ：250ピクセル;パディング：5pxの;背景：#fafafa; ">
		<DIVクラス= "easyuiレイアウト「フィット="真 ">
			<div領域= "西"スプリット= "true"のスタイル= "幅：120ピクセル;">
				<ULクラス= "easyuiツリー">
					<李>
						<スパン>ライブラリ</ span>の
						<UL>
							<李> <span>をeasyui </ SPAN> </ LI>
							<李>の<span>音楽</ span>の</李>
							<李>の<span>写真</ span>の</李>
							<李> <span>のデータベース</ span>の</李>
						</ UL>
					</李>
				</ UL>
			</ DIV>
			<div領域= "センター"国境= "false"の国境= "false"に>
				<DIVクラス= "easyui-タブ「フィット="真 ">
					<DIVタイトル= "ホーム"スタイル= "パディング：10pxの;">
						簡単にあなたのWebページを構築するjQueryのeasyuiフレームワークのヘルプ。
					</ DIV>
					<DIVタイトル= "コンタクト">
						いいえ連絡先データがありません。
					</ DIV>
				</ DIV>
			</ DIV>
			<div領域= "南"国境= "false"のスタイル= "テキスト整列：右;高さ：30px;行の高さ：30px;">
				<a class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)"> [OK]をします</a>
				<a class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)"> </a>をキャンセル
			</ DIV>
		</ DIV>
	</ DIV>

上記のコードを見て、我々は唯一のHTMLタグを使用して、複雑なレイアウトウィンドウ（ウィンドウ）が表示されます。 これは、シンプルかつ強力なjqueryの-easyuiフレームワークです。

jQueryのEasyUI例をダウンロード

jeasyui-win-win3.zip