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