Latest web development tutorials
×

jQuery EasyUI مسار

jQuery EasyUI مسار jQuery EasyUI مقدمة موجزة

jEasyUI تطبيق

jEasyUI إنشاء تطبيق CRUD jEasyUI إنشاء شبكة البيانات CRUD jEasyUI نموذج طلب CRUD jEasyUI خلق قارئ RSS

jEasyUI السحب والإسقاط

jEasyUI سحب وإسقاط الأساسي jEasyUI إنشاء عربة التسوق قطرة jEasyUI إنشاء المناهج الدراسية

jEasyUI القوائم والأزرار

jEasyUI إنشاء قائمة بسيطة jEasyUI إنشاء زر لينك jEasyUI إنشاء زر القائمة jEasyUI إنشاء زر الانقسام

jEasyUI تصميم

jEasyUI إنشاء تخطيط الحدود jEasyUI إنشاء تصاميم معقدة jEasyUI إنشاء لوحة قابلة للطي jEasyUI إنشاء علامة التبويب jEasyUI حيوي إضافة علامات تبويب jEasyUI إضافة علامة تبويب التشغيل التلقائي jEasyUI إنشاء XP النمط على لوحة الجانب الأيسر

jEasyUI شبكة البيانات

jEasyUI تم تحويله إلى HTML شبكة بيانات الجدول jEasyUI الحصول على التوالي البيانات المحددة jEasyUI إضافة التحقيق jEasyUI إضافة شريط الأدوات jEasyUI وخلق الأدوات المعقدة jEasyUI وضع الأعمدة تجميد jEasyUI تغيير العمود الديناميكي jEasyUI أعمدة شكل jEasyUI تعيين نوع jEasyUI ترتيب مخصص jEasyUI إنشاء مجموعة من الأعمدة jEasyUI إضافة مربع jEasyUI ترحيل مخصصة jEasyUI تمكين تحرير مضمنة jEasyUI محرر موسع jEasyUI عملية عمود jEasyUI خلية مدمجة jEasyUI إنشاء عرض مخصص jEasyUI إنشاء ملخص تذييل jEasyUI الشروط المنصوص صف ولون الخلفية jEasyUI إنشاء شبكة الملكية jEasyUI خطوط توسيع عرض تفاصيل jEasyUI إنشاء تقسيمات jEasyUI عرض البيانات الضخمة jEasyUI إضافة عنصر الصفحة

jEasyUI نافذة

jEasyUI إنشاء إطار بسيط jEasyUI مخصص النافذة أشرطة الأدوات jEasyUI النوافذ وتخطيط jEasyUI خلق حوار jEasyUI مربع الحوار تخصيص

jEasyUI القائمة شجرة

jEasyUI استخدام العلامات لإنشاء القائمة شجرة jEasyUI إنشاء القائمة شجرة غير متزامن jEasyUI إضافة القائمة شجرة العقدة jEasyUI إنشاء القائمة شجرة مع خانات الاختيار jEasyUI سحب وإسقاط تحكم القائمة شجرة jEasyUI تحميل شجرة القائمة العقد الأم / الطفل jEasyUI إنشاء شجرة الشبكة مقرها jEasyUI إنشاء شبكة معقدة شجرة jEasyUI شبكة شجرة محملة حيوي jEasyUI إضافة علامة تبويب شجرة الشبكة jEasyUI تحميل كسول شجرة عقدة الشبكة

jEasyUI شكل

jEasyUI إرسال النموذج إلى خلق غير المتزامن jEasyUI مصادقة النماذج jEasyUI إنشاء قائمة منسدلة شجرة مربع jEasyUI مربع القائمة المنسدلة شكل jEasyUI تصفية شبكة البيانات القائمة المنسدلة

jEasyUI الدليل المرجعي

jQuery EasyUI القطعة jQuery EasyUI انتشار

مسج EasyUI شجرة القائمة - شجرة لإضافة شبكة الصفحة

هذا البرنامج التعليمي يظهر لك كيفية تحميل الخصائص الديناميكية للشجرة مع شبكة (TreeGrid) التبويب المضافة.

إنشاء شبكة شجرة (TreeGrid)

تمكين شجرة شبكة (TreeGrid) ميزة الترحيل، يجب عليك إضافة "ترقيم الصفحات: صحيح" سيتم إرسال السمة 'الصفحة' وحجة "الصفوف" إلى الخادم حتى يتم تحميل الصفحة.

	<الجدول عنوان = "المنتجات" الطبقة = "easyui-treegrid" على غرار = "العرض: 700px؛ الطول: 300px"
			، خيارات البيانات = "
				رابط: "treegrid4_getdata.php،
				rownumbers: صحيح،
				ترقيم الصفحات: صحيح،
				حجم الصفحة: 2،
				pageList: [2،10،20]،
				idField: "هوية"،
				treeField: 'اسم'،
				onBeforeLoad: وظيفة (الصف، المعلمة) {
					إذا (الصف!) {// صفوف المستوى الأعلى تحميل
						param.id = 0؛ // مجموعة ID = 0، تشير إلى تحميل صفوف صفحة جديدة
					}
				}
			">
		<THEAD>
			<tr>
				<ث الحقل = "اسم" العرض = "250"> الاسم </ تشرين>
				<ث الحقل = "كمية" العرض = "100" محاذاة = "حق"> الكمية </ تشرين>
				<ث الحقل = "سعر" العرض = "150" محاذاة = "حق" المنسق = "formatDollar"> السعر </ تشرين>
				<الحقل ث = "المجموع" العرض = "150" محاذاة = "حق" المنسق = "formatDollar"> إجمالي </ تشرين>
			</ tr>
		</ THEAD>
	</ الجدول>

رمز server-side

treegrid4_getdata.php

؟ $ صفحة = isset ($ _ ما بعد [ 'الصفحة']) intval ($ _ ما بعد [ 'الصفحة']): 1؛
؟ $ الصفوف = isset ($ _ ما بعد [ 'الصفوف']) intval ($ _ ما بعد [ 'الصفوف']): 10؛
$ إزاحة = ($ صفحة 1) * الصفوف $.

$ معرف = isset ($ _ ما بعد [ 'الهوية']) intval ($ _ ما بعد [ 'الهوية']): 0 ؛؟

وتشمل 'conn.php'؛

$ النتيجة = مجموعة ()؛
إذا ($ معرف == 0) {
	$ روبية = mysql_query ( "تحديد عدد (*) من المنتجات التي parentId = 0")؛
	$ صف = mysql_fetch_row ($ روبية)؛
	$ النتيجة [ "مجموع"] = $ التوالي [0]؛
	
	$ روبية = mysql_query ( "حدد * من المنتجات التي parentId = 0 حد $ تعويض، $ صفوف")؛
	$ عناصر = مجموعة ()؛
	بينما ($ التوالي = mysql_fetch_array ($ روبية)) {
		؟ $ صف [ 'دولة'] = has_child ($ التوالي [ 'الهوية']) "مغلقة ':' فتح '.
		array_push (البنود $، $ صف).
	}
	$ النتيجة [ "صفوف"] = $ البنود.
} {شيء آخر
	$ روبية = mysql_query ( "حدد * من المنتجات التي parentId = $ معرف")؛
	بينما ($ التوالي = mysql_fetch_array ($ روبية)) {
		؟ $ صف [ 'دولة'] = has_child ($ التوالي [ 'الهوية']) "مغلقة ':' فتح '.
		$ صف [ 'مجموع'] = $ التوالي [ 'سعر'] * $ التوالي [ 'كمية'].
		array_push ($ نتيجة لذلك، $ صف).
	}
}

json_encode الصدى ($ نتيجة)؛

has_child وظيفة ($ معرف) {
	$ روبية = mysql_query ( "تحديد عدد (*) من المنتجات التي parentId = $ معرف")؛
	$ صف = mysql_fetch_array ($ روبية)؛
	العودة $ التوالي [0]> 0 صحيح :؟ كاذبة؛
}

إرسالها إلى معلمات الملقم ما يلي:

  • الصفحة: الصفحة الحالية لتحميل.
  • الصفوف: حجم الصفحة.
  • معرف: معرف قيمة التوالي الأم عاد من الخادم على وشك أن يضاف.

عند توسيع الصف العقدة، "معرف" قيمة أكبر من 0. عند تغيير الموضوع، يجب تعيين قيمة "معرف" إلى 0 لوضع الصفوف الطفل الحمل.

تحميل أمثلة مسج EasyUI

jeasyui-tree-treegrid4.zip