ناوگان و برگه ها Navs

نمایش ناوگانی از لینک ها و کلیدها برای نمایش عملیاتهای خاص، در برنامه های وبی کاربردی است. در زیر به نحوه ساخت و استفاده از آنها اشاره میشود.

ناوگان ابتدایی

برای استفاده از ناوگان ابتدایی میتوانید از ul یا nav استفاده کنید، اگر از nav استفاده نمیکنید، باید از کلاس مرتبط با آن nav استفاده کنید.

LTR

RTL

گزینه ها دکمه ای

اگر میخواهید گزینه ها به شکل دکمه باشند، به مثال زیر توجه کنید.

LTR

RTL

مرتب سازی

با توجه به آنکه نحوه نمایش به صورت flex است، شما میتوانید از انواع مرتب سازی مرتبط با آن استفاده کنید.

LTR

RTL

عمودی

با توجه به آنکه نحوه نمایش به صورت flex است، شما میتوانید از انواع چینش مرتبط با آن استفاده کنید.

LTR

RTL

دکمه بازشو

برای اضافه کردن، دکمه به صورت کشویی میتوانید از مثال زیر استفاده کنید.

LTR

RTL

کاربرگ یا Tab

کاربرگ ها در بسیاری از برنامه های تحت وب استفاده میشود، در زیر ابتدا با نحوه نمایش آن و سپس با استفاده از خصوصیت Collapse یک کاربرگ کامل را توضیح خواهیم داد.

LTR

RTL

ایجاد کاربرگ

برای ساخت یک کاربرگ، پس از تعریف ساختار html کافیست مقدار wn-type را مقدار tab تعریف کنید.
سیستم به صورت خودکار تمامی nav-item ها را شناسایی کرده و سپس در صورتیکه nav-item دارای wn-type نباشد، به صورت متناظر یک tab-pan به آن نسبت میدهد.
یعنی اولین nav-item به اولین tab-pan و الی آخر.

در نسخه 1 چنین موضوعی وجود نداشت و میبایست توسط موضوع collapsed آنرا شبیه سازی میکردید.

خصوصیت selected-index
با انتخاب شماره ایندکس صفحه که از 0 شروع میشود، صفحه انتخاب شده را تغییر میدهد.

LTR

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed augue lacus viverra vitae congue eu consequat ac. Augue lacus viverra vitae congue eu. Ut morbi tincidunt augue interdum velit euismod in pellentesque massa. Senectus et netus et malesuada fames ac.

Est pellentesque elit ullamcorper dignissim cras. Bibendum neque egestas congue quisque egestas. Nec feugiat in fermentum posuere urna nec tincidunt praesent semper. Eu tincidunt tortor aliquam nulla facilisi. Rhoncus dolor purus non enim praesent elementum facilisis leo.

RTL

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.

کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.

ارتفاع ثابت و ایجاد اسکرول

LTR

RTL

اندازه و رنگ

LTR

RTL

جاوا اسکریپت

selectedIndex
شماره صفحه انتخاب شده را مشخص میکند. شماره صفحه ها از 0 شروع میشوند.

beforeSelected
قبل از آنکه صفحه جدید انتخاب شود، این رویداد فراخوانی میشود، اگر مقدار false برگرداند، عمل انتخاب صفحه جدید لغو میشود.
از این رخداد نیز برای مقدار دهی بر خط صفحات نیز استفاده میشود.
beforeSelected: (t, index) => boolean

selectionChanged
زمانیکه یک صفحه جدید انتخاب و نمایش داده میشود، این رخداد فراخوانی میشود.
selectionChanged: (t) => void