مسج بيانات الشبكة EasyUI - شريط الأدوات
يوضح هذا المثال كيفية إضافة شريط الأدوات (شريط الأدوات) لشبكة البيانات (datagrid).
إنشاء شبكة البيانات (DataGrid)
<جدول معرف = "ترينيداد وتوباغو" الطبقة = "easyui-datagrid" على غرار = "العرض: 600px ل؛ الطول: 250px" URL = "البيانات / datagrid_data.json" عنوان = "DataGrid مع شريط أدوات" iconCls = "رمز الحفظ" شريط الأدوات = "# السل"> <THEAD> <tr> <الحقل ث = "itemid" العرض = "80"> رقم السلعة </ تشرين> <الحقل ث = "productid" العرض = "80"> معرف المنتج </ تشرين> <ث الحقل = "سعر العرض" العرض = "80" محاذاة = "حق"> قائمة الأسعار </ تشرين> <الحقل ث = "unitcost" العرض = "80" محاذاة = "حق"> التكلفة وحدة </ تشرين> <ث الحقل = "ATTR1" العرض = "150"> السمة </ تشرين> <الحقل ث = "حالة" العرض = "60" محاذاة = "مركز"> Stauts </ تشرين> </ tr> </ THEAD> </ الجدول> <شعبة معرف = "السل"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> اضافة </A> <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="javascript:alert('Cut')"> قطع </A> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> حفظ </A> </ div>
نحن لسنا بحاجة لكتابة أي رمز جافا سكريبت ببساطة عن طريق "شريط الأدوات" الملكية شريط الأدوات المرفقة (شريط الأدوات) لشبكة البيانات (datagrid).