فرم‌های جعبه فهرست دوگانه (Dual List Boxes) - Axelit

جعبه لیست دوگانه (Dual List Boxes)

انتخاب بر اساس کلاس (Select by class)

Available options

Selected options


<TransferListBox
  leftItems={['One', 'Two', 'Three']}
  rightItems={selected}
  setRightItems={setSelected}
  addText="Add"
  removeText="Remove"
  addAllText="Add All"
  removeAllText="Remove All"
/>

انتخاب بر اساس کلاس (Select by class)

عنصر انتخاب شده (Selected element) :

هنوز چیزی انتخاب نشده (Nothing yet)

Available options

Selected options


<TransferListBox
  leftItems={['One', 'Two', 'Three']}
  rightItems={selected1}
  setRightItems={setSelected1}
  leftTitle="Available numbers"
  rightTitle="Selected numbers"
  addText=">"
  removeText="<"
  addAllText=">>"
  removeAllText="<<"
/>

انتخاب بر اساس کلاس (Select by class)

عنصر انتخاب شده (Selected element) :

هنوز چیزی انتخاب نشده (Nothing yet)

گزینه‌های موجود (Available options)

گزینه‌های انتخاب شده (Selected options)


<TransferListBox
  leftItems={['One', 'Two', 'Three']}
  rightItems={selected2}
  setRightItems={setSelected2}
/>

نمایش دکمه‌های مرتب‌سازی (Show the sort buttons)

گزینه‌های موجود (Available options)

گزینه‌های انتخاب شده (Selected options)


<TransferListBox
  leftItems={['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine']}
  rightItems={selected3}
  setRightItems={setSelected3}
  leftTitle="Available options"
  rightTitle="Selected options"
  addText="🤌"
  addAllText="🤌"
  removeText="🤌"
  removeAllText="🤌"
/>

تمام گزینه‌ها (All options)

گزینه (Option)	پیش‌فرض (Default)	مقادیر مجاز (Expected values)	توضیح (Explanation)
enableDoubleClick	`true`	`boolean`	اگر دوبار کلیک روی یک آیتم باعث انتقال آن بین لیست‌ها شود.
showAddButton	`true`	`boolean`	نمایش دکمه «افزودن».
showRemoveButton	`true`	`boolean`	نمایش دکمه «حذف».
showAddAllButton	`true`	`boolean`	نمایش دکمه «افزودن همه».
showRemoveAllButton	`true`	`boolean`	نمایش دکمه «حذف همه».
availableTitle	`"گزینه‌های موجود"`	`string`	عنوانی که بالای لیست سمت چپ (گزینه‌های موجود) نمایش داده می‌شود.
selectedTitle	`"گزینه‌های انتخاب‌شده"`	`string`	عنوانی که بالای لیست سمت راست (گزینه‌های انتخاب‌شده) نمایش داده می‌شود.
addButtonText	`"افزودن"`	`string`	متن دکمه «افزودن».
removeButtonText	`"حذف"`	`string`	متن دکمه «حذف».
addAllButtonText	`"افزودن همه"`	`string`	متن دکمه «افزودن همه».
removeAllButtonText	`"حذف همه"`	`string`	متن دکمه «حذف همه».
searchPlaceholder	`"جستجو..."`	`string`	متن پیش‌فرض فیلد جستجو در ورودی‌ها.
options	`undefined`	`string[]`	آرایه‌ای از گزینه‌ها برای پر کردن لیست‌ها.

توابع عمومی (Public functions)

نام تابع (Function name)	آرگومان‌ها (Arguments)	توضیح (Explanation)
addOption	option	افزودن یک گزینه به لیست سمت چپ.
addOptions	options	افزودن چند گزینه به لیست سمت چپ.
changeSelected	option	تغییر وضعیت انتخاب‌شده برای گزینه مشخص.
actionAllSelected		انتخاب همه آیتم‌ها در لیست سمت چپ.
actionAllDeselected		لغو انتخاب همه آیتم‌ها در لیست سمت راست.
redraw		بازرسم (بازپردازی) دوباره‌ی لیست‌ها.

<TransferListBox leftItems={['One', 'Two', 'Three']} rightItems={selected} setRightItems={setSelected} addText="Add" removeText="Remove" addAllText="Add All" removeAllText="Remove All" />

<TransferListBox leftItems={['One', 'Two', 'Three']} rightItems={selected1} setRightItems={setSelected1} leftTitle="Available numbers" rightTitle="Selected numbers" addText=">" removeText="<" addAllText=">>" removeAllText="<<" />

<TransferListBox leftItems={['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine']} rightItems={selected3} setRightItems={setSelected3} leftTitle="Available options" rightTitle="Selected options" addText="🤌" addAllText="🤌" removeText="🤌" removeAllText="🤌" />

گزینه (Option)

پیش‌فرض (Default)

مقادیر مجاز (Expected values)

توضیح (Explanation)

enableDoubleClick

true

boolean

اگر دوبار کلیک روی یک آیتم باعث انتقال آن بین لیست‌ها شود.

showAddButton

true

boolean

نمایش دکمه «افزودن».

showRemoveButton

true

boolean

نمایش دکمه «حذف».

showAddAllButton

true

boolean

نمایش دکمه «افزودن همه».

showRemoveAllButton

true

boolean

نمایش دکمه «حذف همه».

availableTitle

"گزینه‌های موجود"

string

عنوانی که بالای لیست سمت چپ (گزینه‌های موجود) نمایش داده می‌شود.

selectedTitle

"گزینه‌های انتخاب‌شده"

string

عنوانی که بالای لیست سمت راست (گزینه‌های انتخاب‌شده) نمایش داده می‌شود.

addButtonText

"افزودن"

string

متن دکمه «افزودن».

removeButtonText

"حذف"

string

متن دکمه «حذف».

addAllButtonText

"افزودن همه"

string

متن دکمه «افزودن همه».

removeAllButtonText

"حذف همه"

string

متن دکمه «حذف همه».

searchPlaceholder

"جستجو..."

string

متن پیش‌فرض فیلد جستجو در ورودی‌ها.

options

undefined

string[]

آرایه‌ای از گزینه‌ها برای پر کردن لیست‌ها.

نام تابع (Function name)

آرگومان‌ها (Arguments)

توضیح (Explanation)

addOption

option

افزودن یک گزینه به لیست سمت چپ.

addOptions

options

افزودن چند گزینه به لیست سمت چپ.

changeSelected

option

تغییر وضعیت انتخاب‌شده برای گزینه مشخص.

actionAllSelected

انتخاب همه آیتم‌ها در لیست سمت چپ.

actionAllDeselected

لغو انتخاب همه آیتم‌ها در لیست سمت راست.

redraw

بازرسم (بازپردازی) دوباره‌ی لیست‌ها.