مسج EasyUI بيانات الشبكة - الشروط المنصوص صف ولون الخلفية
هذا البرنامج التعليمي سوف تظهر لك كيفية تغيير الخط التجمع بيانات الشبكة نمط (datagrid) وفقا لعدد من الشروط. عندما قيمة سعر العرض أكبر من 50، يمكننا تحديد لون مختلف عن الصف.
مصممة لشبكة البيانات (datagrid) وظيفة rowStyler هو السماح لك لتخصيص أنماط الخط. يظهر التعليمة البرمجية التالية كيفية تغيير نمط الخط:
<جدول معرف = "ترينيداد وتوباغو" عنوان = "DataGrid" على غرار = "العرض: 600px ل؛ الطول: 250px" URL = "البيانات / datagrid_data.json" singleSelect = fitColumns "صحيح" = "صحيح"> <THEAD> <tr> <الحقل ث = "itemid" العرض = "80"> رقم السلعة </ تشرين> <الحقل ث = "productid" العرض = "80"> معرف المنتج </ تشرين> <ث الحقل = "سعر العرض" العرض = "80" محاذاة = "حق"> قائمة الأسعار </ تشرين> <الحقل ث = "unitcost" العرض = "80" محاذاة = "حق"> التكلفة وحدة </ تشرين> <ث الحقل = "ATTR1" العرض = "150"> السمة </ تشرين> <الحقل ث = "حالة" العرض = "60" محاذاة = "مركز"> Stauts </ تشرين> </ tr> </ THEAD> </ الجدول>
$ ( '# ترينيداد وتوباغو). Datagrid ({ rowStyler: وظيفة (مؤشر، صف) { إذا (row.listprice> 50) { عودة "لون الخلفية: الوردي؛ اللون: الأزرق، الخط الوزن: جريئة؛ '؛ } } })؛
كما ترون، وضعنا لون الخلفية (لون الخلفية)، وفقا لبعض الشروط للوردي (وردي)، تعيين لون النص إلى الأزرق (الأزرق).