مسج EasyUI نافذة - مع مربع الحوار تخصيص أشرطة الأدوات والأزرار

التالي: مسج EasyUI القائمة شجرة - لخلق الأشجار القائمة غير متزامن

يمكنك إنشاء شريط أدوات مع الحوار (شريط الأدوات) وأزرار (زر) (الحوار)، يمكنك إنشاء علامات HTML. هذا البرنامج التعليمي ويصف كيفية إضافة شريط الأدوات (شريط الأدوات) وأزرار (زر) إلى مربع الحوار (الحوار)، دون أي رمز جافا سكريبت.

خلق الحوار (حوار)

	<شعبة معرف = "دد" الطبقة = "الحوار easyui" عنوان = "الحوار بلادي" على غرار = "العرض: 400px؛ الطول: 200px؛ الحشو: 10px"
			شريط الأدوات = "# أجهزة ...، شريط الأدوات" أزرار = "# أجهزة ... أزرار">
		المحتوى الحوار.
	</ div>

إنشاء شريط أدوات (شريط الأدوات)

	<شعبة معرف = "أجهزة ...، شريط الأدوات">
		<الجدول بطانة الخلايا = "0" هوامش الخلية = "0" على غرار = "العرض: 100٪">
			<tr>
				<td>
					<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> تعديل </a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-help" plain="true"> مساعدة </a>
				</ td>
				<أسلوب الدفتيريا = "مواءمة النصوص: الحق">
					<الإدخال> </ الإدخال> <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true"> </A>
				</ td>
			</ tr>
		</ الجدول>
	</ div>

إنشاء زر (أزرار)

	<شعبة معرف = "أجهزة ... أزرار">
		<الجدول بطانة الخلايا = "0" هوامش الخلية = "0" على غرار = "العرض: 100٪">
			<tr>
				<td>
					على <img SRC = "email.gif" />
				</ td>
				<أسلوب الدفتيريا = "مواءمة النصوص: الحق">
					<a href="#" class="easyui-linkbutton" iconCls="icon-save" onclick="javascript:alert('save')"> حفظ </A>
					<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> إغلاق </A>
				</ td>
			</ tr>
		</ الجدول>
	</ div>

يرجى ملاحظة أن مربع الحوار (الحوار) شريط الأدوات (شريط الأدوات) وأزرار (أزرار) الخصائص يمكن أيضا أن تكون محددة من قبل قيمة السلسلة، لأنه سيكون بمثابة محدد لتحديد عنصر DIV المناسب ويلحق ذلك إلى شريط الأدوات (شريط الأدوات) أو أزرار (أزرار) موقف.