مسج EasyUI بيانات الشبكة - خلق الأدوات المعقدة
شبكة البيانات (datagrid) شريط الأدوات (شريط الأدوات) يمكن أن يحتوي على أزرار والمكونات الأخرى. يمكنك تمرير أي علامات DIV القائمة بسهولة تخطيط شريط أدوات مخصص، سوف العلامة DIV تصبح محتوى شريط الأدوات شبكة البيانات (datagrid). هذا البرنامج التعليمي سوف تظهر لك كيفية إنشاء شريط الأدوات (datagrid) مكونات شبكة البيانات المعقدة.
إنشاء شريط أدوات (شريط الأدوات)
<شعبة معرف = "السل" على غرار = "الحشو: 5px؛ الطول: السيارات"> <div النمط = "هامش القاع: 5px"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"> </A> <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> </A> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"> </A> <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true"> </A> <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"> </A> </ div> <div> تاريخ النشر من: <مدخلات الطبقة = "easyui-datebox" على غرار = "العرض: 80px"> إلى: <مدخلات الطبقة = "easyui-datebox" على غرار = "العرض: 80px"> لغة: <الإدخال الطبقة = "easyui-منسدل" على غرار = "العرض: 100px" URL = "البيانات / combobox_data.json" valueField = "المعرف" حيز النص = "نص"> <a href="#" class="easyui-linkbutton" iconCls="icon-search"> البحث </A> </ div> </ div>
إنشاء شبكة البيانات (DataGrid)
<الجدول الطبقة = "easyui-datagrid" على غرار = "العرض: 600px ل؛ الطول: 250px" URL = "البيانات / datagrid_data.json" عنوان = "DataGrid - شريط أدوات مجمع" شريط الأدوات = "# السل" singleSelect = fitColumns "صحيح" = "صحيح"> <THEAD> <tr> <الحقل ث = "itemid" العرض = "60"> رقم السلعة </ تشرين> <الحقل ث = "productid" العرض = "80"> معرف المنتج </ تشرين> <ث الحقل = "سعر العرض" محاذاة = "حق" العرض = "70"> قائمة الأسعار </ تشرين> <الحقل ث = "unitcost" محاذاة = "حق" العرض = "70"> تكلفة وحدة </ تشرين> <ث الحقل = "ATTR1" العرض = "200"> عنوان </ تشرين> <الحقل ث = "حالة" العرض = "50"> الحالة </ تشرين> </ tr> </ THEAD> </ الجدول>
كما ترون، مربع شبكة البيانات (datagrid) شريط الأدوات الحقول الحوار (الحوار) مماثلة. نحن لسنا بحاجة لكتابة أي رمز جافا سكريبت، يمكنك إنشاء شريط أدوات مع شبكة البيانات المعقدة (datagrid).