انتخاب

یکی از مشکلات که تگ select دارد، عدم نمایش html در هر ردیف لیست است. یعنی شما فقط میتوانید در لیست گزینه متنی داشته باشید.
برای اینکه یک select با قابلیت درج گزینه های html داشته باشید، میتوانید از موضوع select به شکل زیر استفاده کنید.

خصوصیات

value
مقدار انتخاب شده، در این خصوصیت برگردانده میشود، همچنین در صورت مقدار دهی این خصوصیت، گزینه مد نظر انتخاب میشود. value='...'

list
این خصوصیت یک موضوع از جنس IWNList است، که برای نمایش لیست موضوعات درج شده و انتخاب از لیست استفاده میشود.

option
هر تعداد option تعریف شده در بدنه این کامپوننت، بعنوان پیش فرض انتخاب میشود.

رخدادها

selectionChanged
هرگاه مقدار value تغییر کند، این رخداد فراخوان میشود.

توابع

addToDataSource
برای اضافه کردن یک متن و مقدار به لیست از این تابع استفاده میشود.
addToDataSource(text: string, value: string): void

removeFromDataSource
برای حذف کردن یک ردیف از لیست از این تابع استفاده میشود. کافیست شماره ایندکس آنرا مشخص کنید.
removeFromDataSource(index: number): boolean

setDataSource
اگر آرایه ای از Option دارید، میتوانید یکباره آنها را اضافه کنید.
setDataSource(dataSource: HTMLOptionElement[], append?: boolean): void

اعتبار سنجی