مسج EasyUI بيانات الشبكة - اختيارهم بيانات الصف
يوضح هذا المثال كيفية الحصول على بيانات الصف المحدد.
شبكة البيانات (datagrid) عنصر يحتوي على طريقتين لاسترداد الصفوف المحددة من البيانات:
- getSelected: الحصول على يتم تحديد الصف الأول من البيانات، إذا لم يتم تحديد الخط، فإنه يعود لاغية، وإلا فإنها ترجع السجلات.
- getSelections: الحصول على جميع الصفوف المحددة من البيانات، إرجاع مجموعة من السجلات عناصر البيانات.
إنشاء شبكة البيانات (DataGrid)
<جدول معرف = "ترينيداد وتوباغو" الطبقة = "easyui-datagrid" على غرار = "العرض: 600px ل؛ الطول: 250px" URL = "البيانات / datagrid_data.json" عنوان = "تحميل البيانات" iconCls = "رمز الحفظ"> <THEAD> <tr> <الحقل ث = "itemid" العرض = "80"> رقم السلعة </ تشرين> <الحقل ث = "productid" العرض = "80"> معرف المنتج </ تشرين> <ث الحقل = "سعر العرض" العرض = "80" محاذاة = "حق"> قائمة الأسعار </ تشرين> <الحقل ث = "unitcost" العرض = "80" محاذاة = "حق"> التكلفة وحدة </ تشرين> <ث الحقل = "ATTR1" العرض = "150"> السمة </ تشرين> <الحقل ث = "حالة" العرض = "60" محاذاة = "مركز"> Stauts </ تشرين> </ tr> </ THEAD> </ الجدول>
باستخدام تجريبي
الحصول على صف البيانات المختارة:
الصف فار = $ ( '# ترينيداد وتوباغو') datagrid ( 'getSelected')؛ إذا (صف) { في حالة تأهب ( 'رقم السلعة:' + row.itemid + "\ nPrice:" + row.listprice)؛ }
الحصول على itemid كافة الصفوف المختارة:
هويات فار = []؛ الصفوف فار = $ ( '# ترينيداد وتوباغو') datagrid ( 'getSelections')؛ ل(فار ط = 0؛ ط <rows.length، وأنا ++) { ids.push (الصفوف [أنا] .itemid)؛ } تنبيه (ids.join ( '\ ن'))؛