متدهای Bootstrap Table
API متدهای Bootstrap Table.
نحو فراخوانی متد: $('#table').bootstrapTable('method', parameter).
توجه: نامهای متد زیر (مثل append، check، getData) نامهای دقیق متدهایی هستند که باید در هنگام فراخوانی متدهای Bootstrap Table از طریق JavaScript استفاده شود.
مثال: $('#table').bootstrapTable('append', data)
append
-
پارامتر:
data -
جزئیات:
dataرا به جدول اضافه میکند. -
مثال: Append
check
-
پارامتر:
index -
جزئیات:
یک ردیف را بررسی میکند.
indexردیف از 0 شروع میشود. -
مثال: Check/Uncheck
checkAll
-
پارامتر:
undefined -
جزئیات:
تمام ردیفهای صفحه جاری را بررسی میکند.
-
مثال: Check/Uncheck All
checkBy
-
پارامتر:
params -
جزئیات:
یک ردیف را با آرایهای از مقادیر بررسی میکند، params شامل موارد زیر است:
field: نام فیلد استفاده شده برای یافتن رکوردهای مرتبط.values: آرایه مقادیر برای ردیفهایی که باید بررسی شوند.onlyCurrentPage (default false): اگرtrueباشد، فقط مجموعه دادههای قابل مشاهده بررسی خواهد شد. اگر صفحهبندی استفاده شود، صفحات دیگر نادیده گرفته خواهد شد.
-
مثال: Check/Uncheck By
checkInvert
-
پارامتر:
undefined -
جزئیات:
بررسی ردیفهای صفحه جاری را معکوس میکند. رویدادهای
onCheckSomeوonUncheckSomeرا تحریک میکند. -
مثال: Check Invert
collapseAllRows
-
پارامتر:
undefined -
جزئیات:
اگر گزینه نمای جزئیات روی
trueتنظیم شده باشد، تمام ردیفها را جمع میکند. -
مثال: Expand/Collapse All Rows
collapseRow
-
پارامتر:
index -
جزئیات:
اگر گزینه نمای جزئیات روی
trueتنظیم شده باشد، ردیفی باindexکه توسط پارامتر پاس شده است را جمع میکند. -
مثال: Expand/Collapse Row
collapseRowByUniqueId
-
پارامتر:
uniqueId -
جزئیات:
اگر گزینه نمای جزئیات روی
trueتنظیم شده باشد، ردیفی باuniqueIdکه توسط پارامتر پاس شده است را جمع میکند.
destroy
-
پارامتر:
undefined -
جزئیات:
Bootstrap Table را از بین میبرد.
-
مثال: Destroy
expandAllRows
-
پارامتر:
undefined -
جزئیات:
اگر گزینه نمای جزئیات روی
trueتنظیم شده باشد، تمام ردیفها را گسترش میدهد. -
مثال: Expand/Collapse All Rows
expandRow
-
پارامتر:
index -
جزئیات:
اگر گزینه نمای جزئیات روی
trueتنظیم شده باشد، ردیفی که دارایindexپاس شده توسط پارامتر است را گسترش میدهد. -
مثال: Expand/Collapse Row
expandRowByUniqueId
-
پارامتر:
uniqueId -
جزئیات:
اگر گزینه نمای جزئیات روی
trueتنظیم شده باشد، ردیفی باuniqueIdپاس شده توسط پارامتر را گسترش میدهد.
filterBy
-
پارامتر:
filter - شیء فیلترپیشفرض:{}options - شیء گزینههاپیشفرض:{ 'filterAlgorithm': 'and' }
-
جزئیات:
(فقط میتواند در سمت کلاینت استفاده شود) دادهها را در جدول فیلتر میکند. راههای مختلفی برای فیلتر وجود دارد:
- گزینهها را خالی رها کنید تا فیلتر
andاستفاده شود. filterAlgorithm(در پارامتر ببینید) را رویorتنظیم کنید تا فیلترorاستفاده شود.- تابعی را به
filterAlgorithm(در پارامتر ببینید) پاس دهید تا فیلترcustomاستفاده شود.
الگوریتم فیلتر
- And
- فیلتر
{age: 10}برای نمایش دادههایی که فقط سن آنها برابر با 10 است. همچنین میتوانید با آرایهای از مقادیر فیلتر کنید، مانند:{age: 10, hairColor: ['blue', 'red', 'green']}برای یافتن دادههایی که سن برابر با 10 است و رنگ مو آنها آبی، قرمز یا سبز است.
- فیلتر
- Or
- فیلتر
{age: 10, name: "santa"}برای نمایش تمام دادههایی که سن 10 دارند یا نام آنها برابر با santa است.
- فیلتر
- Custom
- با الگوریتم سفارشی خود فیلتر کنید
- پارامترهای تابع:
- Row
- Filters
- برای حفظ ردیف
trueبازگردانید و برای فیلتر کردن ردیفfalseبازگردانید.
- گزینهها را خالی رها کنید تا فیلتر
-
مثال: Filter By
getData
-
پارامتر:
params -
جزئیات:
دادههای بارگذاری شده جدول را در لحظه فراخوانی این متد دریافت میکند
useCurrentPage: اگر رویtrueتنظیم شود، متد فقط دادههای صفحه جاری را بازگرداند.includeHiddenRows: اگر رویtrueتنظیم شود، متد ردیفهای مخفی را شامل میشود.unfiltered: اگر رویtrueتنظیم شود، متد تمام دادهها را شامل میشود (فیلتر نشده).formatted: مقدار فرمت شده را از formatter تعریف شده دریافت میکند.
-
مثال: Get Data
getFooterData
-
پارامتر:
undefined -
جزئیات:
دادههای بارگذاری شده فوتر را در لحظه فراخوانی این متد دریافت میکند
-
مثال: Get Footer Data
getHiddenColumns
-
پارامتر:
undefined -
جزئیات:
ستونهای مخفی را دریافت میکند.
getHiddenRows
-
پارامتر:
show -
جزئیات:
تمام ردیفهای مخفی را دریافت میکند، و اگر پارامتر
showراtrueپاس دهید، ردیفها دوباره نمایش داده میشوند. در غیر این صورت، متد فقط ردیفهای مخفی را بازگرداند. -
مثال: Get Hidden Rows
getOptions
-
پارامتر:
undefined -
جزئیات:
شیء گزینهها را بازگرداند.
-
مثال: Get Options
getRowByUniqueId
-
پارامتر:
id -
جزئیات:
دادهها را از جدول دریافت میکند، ردیفی که شامل
idپاس شده توسط پارامتر است. -
مثال: Get Row By Unique Id
getScrollPosition
-
پارامتر:
undefined -
جزئیات:
موقعیت اسکرول کنونی را دریافت میکند. واحد
'px'است. -
مثال: Get Scroll Position
getSelections
-
پارامتر:
undefined -
جزئیات:
ردیفهای انتخاب شده را بازگرداند. وقتی هیچ رکوردی انتخاب نشده باشد، یک آرایه خالی بازگردانده میشود. ردیفهای انتخاب شده در حین برخی عملیات، مانند جستجو یا تغییر صفحه، غیرانتخاب میشوند. اگر میخواهید انتخابها را حفظ کنید، لطفاً از maintainMetaData استفاده کنید.
-
مثال: Get Selections
getVisibleColumns
-
پارامتر:
- -
جزئیات:
ستونهای قابل مشاهده را دریافت میکند.
hideAllColumns
-
پارامتر:
undefined -
جزئیات:
تمام ستونها را مخفی میکند.
-
مثال: Show/Hide All Columns
hideColumn
-
پارامتر:
field -
جزئیات:
ستون
fieldمشخص شده را مخفی میکند. پارامتر میتواند یک رشته یا آرایهای از فیلدها باشد. -
مثال: Show/Hide Column
hideLoading
-
پارامتر:
undefined -
جزئیات:
وضعیت بارگذاری را مخفی میکند.
-
مثال: Show/Hide Loading
hideRow
-
پارامتر:
params -
جزئیات:
ردیف مشخص شده را مخفی میکند. params باید حداقل یکی از ویژگیهای زیر را شامل باشد:
index: شاخص ردیف.uniqueId: مقدار uniqueId برای آن ردیف.
-
مثال: Show/Hide Row
insertRow
-
پارامتر:
params -
جزئیات:
یک ردیف جدید وارد میکند. params شامل ویژگیهای زیر است:
index: شاخص ردیف برای وارد کردن.row: دادههای ردیف.
-
مثال: Insert Row
load
-
پارامتر:
data -
جزئیات:
dataرا به جدول بارگذاری میکند. ردیفهای قدیمی حذف میشوند. -
مثال: Load
mergeCells
-
پارامتر:
params -
جزئیات:
برخی سلولها را به یک سلول میچسباند. params شامل ویژگیهای زیر است:
index: شاخص ردیف.field: نام فیلد.rowspan: تعداد rowspan برای ادغام.colspan: تعداد colspan برای ادغام.
-
مثال: Merge Cells
nextPage
-
پارامتر:
undefined -
جزئیات:
به صفحه بعد میرود.
-
مثال: Select/Prev/Next Page
prepend
-
پارامتر:
data -
جزئیات:
dataرا در ابتدای جدول اضافه میکند. -
مثال: Prepend
prevPage
-
پارامتر:
undefined -
جزئیات:
به صفحه قبل میرود.
-
مثال: Select/Prev/Next Page
refresh
-
پارامتر:
params -
جزئیات:
دادههای سرور راه دور را رفرش/بارگذاری مجدد میکند. پیکربندیهای پارامتر زیر را پشتیبانی میکند:
silent(پیشفرض:false): برای رفرش خاموش دادهها بدون نمایش وضعیت بارگذاری، رویtrueتنظیم کنید.url: اختیاری، به صورت موقت URL درخواست فعلی را جایگزین میکند.pageNumber: اختیاری، شماره صفحهای را که باید به آن بروید مشخص کنید.pageSize: اختیاری، تعداد رکوردهای نمایش داده شده در هر صفحه را مشخص کنید.query: اختیاری، پارامترهای کوئری اضافی را برای این درخواست اضافه کنید.
مثال استفاده:
// رفرش خاموش $('#table').bootstrapTable('refresh', {silent: true}) // تغییر URL و پارامترهای صفحهبندی $('#table').bootstrapTable('refresh', { url: '/new/api/endpoint', pageNumber: 2, pageSize: 20 }) // اضافه کردن پارامترهای کوئری $('#table').bootstrapTable('refresh', { query: {status: 'active', category: 'electronics'} }) -
مثال: Refresh
refreshOptions
-
پارامتر:
options -
جزئیات:
گزینههای جدول را رفرش میکند.
-
مثال: Refresh Options
remove
-
پارامتر:
params -
جزئیات:
دادهها را از جدول حذف میکند. params شامل ویژگیهای زیر است:
field: نام فیلد استفاده شده برای مطابقت ردیفهایی که باید حذف شوند. میتوانید از فیلد ویژه$indexبرای حذف ردیفها بر اساس شاخص ردیف استفاده کنید.values: آرایهای از مقادیر فیلد برای ردیفهایی که باید حذف شوند. اگر از فیلد ویژه$indexاستفاده میکنید، میتوانید آرایهای از شاخصهای ردیف پاس دهید.
مثالهای استفاده:
// حذف بر اساس فیلد id $('#table').bootstrapTable('remove', { field: 'id', values: [1, 2, 3] }) // حذف بر اساس شاخص ردیف (از 0 شروع میشود) $('#table').bootstrapTable('remove', { field: '$index', values: [0, 2, 4] }) // حذف بر اساس فیلد دیگری $('#table').bootstrapTable('remove', { field: 'name', values: ['John', 'Jane'] }) -
مثال: Remove
removeAll
-
پارامتر:
undefined -
جزئیات:
تمام دادهها را از جدول حذف میکند.
-
مثال: Remove All
removeByUniqueId
-
پارامتر:
id -
جزئیات:
دادهها را از جدول حذف میکند، ردیفی که شامل
idپاس شده توسط پارامتر است. -
مثال: Remove By Unique Id
resetSearch
-
پارامتر:
text -
جزئیات:
متن جستجو را تنظیم میکند.
-
مثال: Reset Search
resetView
-
پارامتر:
params -
جزئیات:
نمای Bootstrap Table را ریست میکند. برای مثال، ارتفاع جدول را ریست میکند، params شامل موارد زیر است:
height: ارتفاع جدول.
-
مثال: Reset View
scrollTo
-
پارامتر:
value|object -
جزئیات:
- value
- به موقعیت عدد
valueاسکرول میکند، واحد'px'است، تنظیم'bottom'به معنی اسکرول به پایین است.
- به موقعیت عدد
- object
- به واحد (
pxیاrows (شاخص از 0 شروع میشود)) اسکرول میکند پیشفرض:{unit: 'px', value: 0}
- به واحد (
- value
-
مثال: Scroll To
selectPage
-
پارامتر:
page -
جزئیات:
به
pageمشخص شده میرود. -
مثال: Select/Prev/Next Page
showAllColumns
-
پارامتر:
undefined -
جزئیات:
تمام ستونها را نمایش میدهد.
-
مثال: Show/Hide All Columns
showColumn
-
پارامتر:
field -
جزئیات:
ستون
fieldمشخص شده را نمایش میدهد. پارامتر میتواند یک رشته یا آرایهای از فیلدها باشد. -
مثال: Show/Hide Column
showLoading
-
پارامتر:
undefined -
جزئیات:
وضعیت بارگذاری را نمایش میدهد.
-
مثال: Show/Hide Loading
showRow
-
پارامتر:
params -
جزئیات:
ردیف مشخص شده را نمایش میدهد. params باید حداقل یکی از ویژگیهای زیر را شامل باشد:
index: شاخص ردیف.uniqueId: مقدار uniqueId برای آن ردیف.
-
مثال: Show/Hide Row
sortBy
-
پارامتر:
params -
جزئیات:
جدول را بر اساس فیلد مشخص شده مرتب میکند. params باید حداقل یکی از ویژگیهای زیر را شامل باشد:
field: نام فیلد.sortOrder: مرتبه مرتب سازی، فقط میتواند ‘asc’ یا ‘desc’ باشد.
-
مثال: Sort By
sortReset
-
پارامتر:
undefined -
جزئیات:
وضعیت مرتب سازی جدول را ریست میکند، بدون در نظر گرفتن اینکه آیا توسط کاربر یا به صورت برنامهای ایجاد شده است.
-
مثال: Sort reset
toggleDetailView
-
پارامتر:
index -
جزئیات:
اگر گزینه نمای جزئیات روی
trueتنظیم شده باشد، ردیفی که دارایindexپاس شده توسط پارامتر است را تغییر میدهد. -
مثال: Toggle Detail View
toggleFullscreen
-
پارامتر:
undefined -
جزئیات:
وضعیت تمام صفحه را تغییر میدهد.
-
مثال: Toggle Fullscreen
togglePagination
-
پارامتر:
undefined -
جزئیات:
وضعیت صفحهبندی را تغییر میدهد.
-
مثال: Toggle Pagination
toggleView
-
پارامتر:
undefined -
جزئیات:
نمای کارت/جدول را تغییر میدهد.
-
مثال: Toggle View
uncheck
-
پارامتر:
index -
جزئیات:
یک ردیف را غیربررسی میکند.
indexردیف از 0 شروع میشود. -
مثال: Check/Uncheck
uncheckAll
-
پارامتر:
undefined -
جزئیات:
تمام ردیفهای صفحه جاری را غیربررسی میکند.
-
مثال: Check/Uncheck All
uncheckBy
-
پارامتر:
params -
جزئیات:
یک ردیف را با آرایهای از مقادیر غیربررسی میکند. params شامل موارد زیر است:
field: نام فیلد استفاده شده برای یافتن رکوردهای مرتبط.values: آرایه مقادیر برای ردیفهایی که باید غیربررسی شوند.onlyCurrentPage (default false): اگرtrueباشد، فقط مجموعه دادههای قابل مشاهده غیربررسی خواهد شد. اگر صفحهبندی استفاده شود، صفحات دیگر نادیده گرفته خواهد شد.
-
مثال: Check/Uncheck By
updateByUniqueId
-
پارامتر:
params -
جزئیات:
ردیف(های) مشخص شده را بهروزرسانی میکند. هر param شامل ویژگیهای زیر است:
id: یک شناسه ردیف که باید فیلدuniqueIdاختصاص داده شده به جدول باشد.row: دادههای جدید ردیف.replace(اختیاری): برای جایگزینی ردیف به جای گسترش آن، رویtrueتنظیم کنید.
-
مثال: Update By Unique Id
updateCell
-
پارامتر:
params -
جزئیات:
یک سلول را بهروزرسانی میکند. params شامل ویژگیهای زیر است:
index: شاخص ردیف.field: نام فیلد.value: مقدار جدید فیلد.
برای غیرفعال کردن مجدد راهاندازی جدول، میتوانید
{reinit: false}تنظیم کنید. -
مثال: Update Cell
updateCellByUniqueId
-
پارامتر:
params -
جزئیات:
سلول(های) مشخص شده را بهروزرسانی میکند. هر param شامل ویژگیهای زیر است:
id: شناسه ردیف که باید فیلدuniqueIdاختصاص داده شده به جدول باشد.field: نام فیلد سلولی که باید بهروزرسانی شود.value: مقدار جدید سلول.
برای غیرفعال کردن مجدد راهاندازی جدول، میتوانید
{reinit: false}تنظیم کنید. -
مثال: Update Cell By Unique Id
updateColumnTitle
-
پارامتر:
params -
جزئیات:
عنوان فیلد ستون را بهروزرسانی میکند. params شامل ویژگیهای زیر است:
field: نام فیلد.title: عنوان فیلد.
-
مثال: Update Column Title
updateFormatText
-
پارامتر:
formatName, text -
جزئیات:
متن فرمت بومیسازیها را بهروزرسانی میکند.
-
مثال: Update Format Text
updateRow
-
پارامتر:
params -
جزئیات:
ردیف(های) مشخص شده را بهروزرسانی میکند. هر param شامل ویژگیهای زیر است:
index: شاخص ردیف که باید بهروزرسانی شود.row: دادههای جدید ردیف.replace(اختیاری): برای جایگزینی ردیف به جای گسترش آن، رویtrueتنظیم کنید.
-
مثال: Update Row