پیشنیازها
- « استفاده از Kendo UI templates »
- « اعتبار سنجی ورودیهای کاربر در Kendo UI »
- « فعال سازی عملیات CRUD در Kendo UI Grid » جهت آشنایی با نحوهی تعریف DataSource ایی که میتواند اطلاعات را ثبت، حذف و یا ویرایش کند.
در این مطلب قصد داریم به یک چنین صفحهای برسیم که در آن در ابتدای نمایش، لیست ثبت نامهای موجود، از سرور دریافت و توسط یک Kendo UI template نمایش داده میشود. سپس امکان وی ...
پیاده سازی Extender
همان طور که در پستهای و مثالهای قبلی مشاهده شد با استفاده از Ko.Observable توانستیم عملیات مقید سازی را به کمک ویژگیهای خواندن و نوشتن ساده، پیاده سازی نماییم. اما قصد داریم در طی عملیات نوشتن به جای یک tracking ساده تغییرات، بتوانیم یک سری عملیات مشخص را نیز اجرا نماییم. چیزی شبیه به AOP دنیای back-end . یعنی بتوانیم کد اصلی برنامه را در هنگام عملیات خواندن و نوشتن خاصیتها، با یک سری کد مورد نظر مزین ...
Custom Binding در KO در پستهای قبلی( ^ و ^ و ^ ) با انواع مقید سازی در KO آشنا شدید. اما در پیاده سازی، محدود به این نوعهایی click، value، text و ... نیستیم؛ بلکه میتوانیم نوع مورد نظر برای عملیات مقید سازی را بنابر نیاز خود بسازیم که به آنها Custom Binding گفته میشود. Custom Binding یکی از امکانات قدرتمند موجود در KO است و مورد اصلی استفاده آن در طراحی کامپوننتها و ویجتها میباشد. مکانیزم پیاده سازی Custom Binding
...
با پیشرفت HTML 5 و پدید آمدن چارچوبهای مختلف JavaScript توسعهی نرم افزارهای تک صفحه ای تحت وب (Single Page Applications) محبوب شده است. اخیرا مطالب خوبی در رابطه با AngularJS در وبسایت جاری منتشر شده است. KnockoutJS توسط Microsoft معرفی شد و در قالب پیشفرض پروژههای SPA قرار گرفت ، بنابراین احتمالا این سوال برای افرادی مطرح شده است که تفاوت بین KnockoutJS و AngularJS چیست ؟ می توان پاسخ داد این مقایسه ممکن نیست. Knoc ...
مقید سازی رویداد کلیک
Click Binding روشی است برای اضافه کردن یک گرداننده رویداد در زمانی که قصد داریم یک تابع جاوااسکریپتی را در هنگام کلیک بر روی المان مورد نظر فراخوانی کنیم. از این مقید سازی عموما در عناصر button و input و تگ a استفاده میشود. اما در حقیقت در تمام عناصر غیر پنهان صفحه مورد استفاده قرار میگیرد. <div>
Number Of Clicks <span data-bind="text: numberOfClicks"></span> times
< ...
در ادامه مباحث قبلی ، در این پست به بررسی سایر قابلیتهای Observableها در KO خواهم پرداخت.
Computed Observables
Computed Observablesها به واقع خواصی هستندکه از ترکیب چند خاصیت دیگر به دست میآیند یا برای به دست آوردن مقادیر آنها باید یک سری محاسبات را انجام داد. برای مثال به ViewModel زیر دقت کنید: var personViewModel = {
firstName: ko.observable("Masoud"),
lastName: ko.observable("Pakdel")
...
در پست قبلی
با مفاهیم و ویژگیهای کلی KO آشنا شدید. KO از الگوی طراحی MVVM استفاده
میکند. از آن جا که یکی از پیش نیازهای KO آشنایی اولیه با مفاهیم View و
Model است نیاز به توضیح در این موارد نیست اما اگر به هر دلیلی با این
مفاهیم آشنایی ندارید میتوانید از اینجا
شروع کنید. اما درباره ViewModel که کمی مفهوم متفاوتی دارد، این نکته
قابل ذکر است که KO از ViewModel برای ارتباط مستقیم بین View و Model
استفاده میکن ...
اگر از برنامه نویسهای پروژههای WPF درباره ویژگیهای مهم الگوی MVVM بپرسید به احتمال زیاد اولین مطلبی که عنوان میشود این است که هنگام کار با الگوی MVVM در WPF باید از مباحث data-binding استفاده شود. به صورت خلاصه، data-binding مکانیزمی است که عناصر موجود در Xaml را به آبجکتهای موجود در ViewModel یا سایر عناصر Xaml مقید میکند به طوری که با تغییر مقدار در آبجکتهای ViewModel، عناصر View نیز خود را به روز میکنند یا با تغییر در مقادیر ...