مسج بيانات الشبكة EasyUI - أعمدة تنسيق
يتم تنسيق الأمثلة التالية في بيانات العمود DataGrid easyui الداخل، واستخدام العرف العمود المنسق، إذا كان السعر سوف أقل من 20 النص إلى اللون الأحمر.
لتنسيق عمود شبكة البيانات (DataGrid)، ونحن بحاجة إلى تعيين سمة المنسق، الذي هو وظيفة. يحتوي على وظيفة التنسيق المعلمات الثلاث:
- القيمة: قيمة الحقل المقابل في العمود الحالي.
- الصف: يتم تسجيل البيانات الصف الحالي.
- الفهرس: مؤشر الصف الحالي.
إنشاء شبكة البيانات (DataGrid)
<جدول معرف = "ترينيداد وتوباغو" عنوان = "تنسيق الأعمدة" الطبقة = "easyui-datagrid" على غرار = "العرض: 550px؛ الطول: 250px" URL = "البيانات / datagrid_data.json" singleSelect = iconCls "صحيح" = "رمز الحفظ"> <THEAD> <tr> <الحقل ث = "itemid" العرض = "80"> رقم السلعة </ تشرين> <الحقل ث = "productid" العرض = "80"> معرف المنتج </ تشرين> <ث الحقل = "سعر العرض" العرض = "80" محاذاة = "حق" المنسق = "formatPrice"> قائمة الأسعار </ تشرين> <الحقل ث = "unitcost" العرض = "80" محاذاة = "حق"> التكلفة وحدة </ تشرين> <ث الحقل = "ATTR1" العرض = "100"> السمة </ تشرين> <الحقل ث = "حالة" العرض = "60" محاذاة = "مركز"> Stauts </ تشرين> </ tr> </ THEAD> </ الجدول>
يرجى ملاحظة أن حقل "سعر العرض" لديه "المنسق" السمة، مما يدل على وظائف التنسيق.
الكتابة وظائف التنسيق
وظيفة formatPrice (فال، صف) { إذا (فال <20) { عودة '<تمتد نمط = "اللون: الأحمر؛"> (' + فال + ') </ SPAN>'؛ } {شيء آخر العودة فال. } }