مسج بيانات الشبكة EasyUI - خلية مدمجة
شبكة البيانات (datagrid) غالبا ما تحتاج إلى دمج بعض الخلايا. هذا البرنامج التعليمي سوف تظهر لك كيفية دمج الخلايا في شبكة البيانات (datagrid) في.
دمج بيانات الشبكة (datagrid) خلية، ببساطة استدعاء الأسلوب "MergeCells الخاص"، ويمر دمج المعلمة المعلومات يحكي بيانات الشبكة (datagrid) كيفية دمج الخلايا. في جميع الخلايا المدمجة، بالإضافة إلى الخلية الأولى، وخلايا أخرى تختبئ في بعد عملية الدمج.
إنشاء شبكة البيانات (DataGrid)
<جدول معرف = "ترينيداد وتوباغو" عنوان = "دمج خلايا" على غرار = "العرض: 550px؛ الطول: 250px" URL = "البيانات / datagrid_data.json" singleSelect = "الحقيقية" iconCls = "أيقونة انقاذ" rownumbers = "صحيح" idField = "itemid" ترقيم الصفحات = "صحيح"> <THEAD المجمدة = "صحيح"> <tr> <ث الحقل = "productid" العرض = "80" المنسق = "formatProduct"> معرف المنتج </ تشرين> <الحقل ث = "itemid" العرض = "100"> رقم السلعة </ تشرين> </ tr> </ THEAD> <THEAD> <tr> <ث colspan = "2"> السعر </ تشرين> <ث روسبان = "2" حقل = "ATTR1" العرض = "150"> السمة </ تشرين> <ث روسبان = "2" حقل = "حالة" العرض = "60" محاذاة = "مركز"> Stauts </ تشرين> </ tr> <tr> <ث الحقل = "سعر العرض" العرض = "80" محاذاة = "حق"> قائمة الأسعار </ تشرين> <الحقل ث = "unitcost" العرض = "80" محاذاة = "حق"> التكلفة وحدة </ تشرين> </ tr> </ THEAD> </ الجدول>
خلية مدمجة
عندما يتم تحميل البيانات، ونحن دمج شبكة البيانات (datagrid) بعض الخلايا، لذا ضع التعليمات البرمجية التالية في دالة رد onLoadSuccess.
$ ( '# ترينيداد وتوباغو). Datagrid ({ onLoadSuccess: وظيفة () { فار يدمج = [{ الفهرس: 2، روسبان: 2 }، { الفهرس: 5، روسبان: 2 }، { الفهرس: 7، روسبان: 2 }]. ل(فار ط = 0؛ ط <merges.length، وأنا ++) $ ( '# ترينيداد وتوباغو). Datagrid (' MergeCells الخاص '، { الفهرس: دمج [أنا] .index، الملعب: "productid، روسبان: دمج [أنا] .rowspan })؛ } })؛