عرض على GitHub

Bootstrap Table Editable

امتداد Editable للجدول في Bootstrap Table.

في هذه الصفحة

استخدم الإضافة: x-editable

الاستخدام

<script src="extensions/editable/bootstrap-table-editable.js"></script>

الخيارات

editable

  • Attribute: data-editable

  • type: Boolean

  • Detail:

    قم بتعيين false لتعطيل قابلية التحرير لجميع الأعمدة.

  • Default: true

خيارات العمود

alwaysUseFormatter

  • Attribute: data-always-use-formatter

  • type: Boolean

  • Detail:

    قم بتعيين true لاستخدام المنشئ التنسيقي دائمًا، حتى إذا تم تحرير العمود بالفعل.

  • Default: false

editable

  • Attribute: data-editable

  • type: Object | Function

  • Detail:

    تكوين x-editable. القائمة الكاملة للخيارات: http://vitalets.github.io/x-editable/docs.html#editable.

    إذا كان نوعه Function، يتم استدعاؤه بمواصفات: index، row، element لكل صف من الجدول. يجب أن يعيد Object تكوين x-editable.

    يمكن تعريف جميع الخيارات عبر سمات HTML data-editable-*. تُستخدم خيارات الجدول بأكمله لكل عمود ولكن يمكن تجاوزها:

    <table id="my_table_id"
  data-url="data/url.json"
  data-id-field="id"
  data-editable-emptytext="Default empty text."
  data-editable-url="/my/editable/update/path">
  <thead>
    <tr>
      <th class="col-md-1" data-field="id" data-sortable="true" data-align="center">#</th>
      <th class="col-md-4" data-field="name" data-editable="true">Name</th>
      <th class="col-md-7" data-field="description" data-editable="true" data-editable-emptytext="Custom empty text.">Description</th>
    </tr>
  </thead>
</table>

    يمكنك استخدام noEditFormatter لتعطيل عمود قابل للتحرير، على سبيل المثال:

    {
  editable: {
    noEditFormatter (value, row, index) {
      if (value === 'noEdit') {
        return 'No Edit'
      }
      return false
    }
  }
}

  • Default: undefined

الأحداث

onEditableInit(editable-init.bs.table)

ينطلق عندما يتم تهيئة جميع الأعمدة بواسطة طريقة $().editable().

onEditableSave(editable-save.bs.table)

ينطلق عندما يتم حفظ خلية قابلة للتحرير.

parameters: field, row, rowIndex, oldValue, $el

onEditableShown(editable-shown.bs.table)

ينطلق عندما يتم فتح خلية قابلة للتحرير للتحرير.

parameters: field, row, $el

onEditableHidden(editable-hidden.bs.table)

ينطلق عندما يتم إخفاء/إغلاق خلية قابلة للتحرير.

parameters: field, row, $el, reason

المشاكل الموجودة

  • لا يدعم امتداد editable خاصية البحث في نوع select.