آموزش Knockout - قسمت دوم

محاسبه حجم فایل و تغییر خاصیت Visible

هرچه بیشتر با فریم ورک Knockout کار کنید بیشتر از آن لذت میبرید. و در نهایت بالاخره روزی خواهد رسید که هیچ کدی را نمی توانید بدون آن بنویسید ! یکی از قابلیت های ناک اوت تغییر خاصیت Visible یک تگ HTML براساس یک یا چند شرط است.

در برنامه ی نمونه ی زیر با استفاده از یک تابع کوچک اما بسیار هوشمندانه تلاش می کنیم مقدار بایت را به معادل های آن مانند KB ، MB و ... تبدیل کنیم. کاربر می تواند با تغییر مقدار درون input معادل آن را به سرعت مشاهده کند. در عین حال وقتی مقدار وارد شده برابر صفر یا کمتر از آن باشد بخشی که مقدار را نشان میدهد از دید کاربر پنهان میشود. قسمت هیجان انگیز ماجرا وقتی است که همه این کارها به سادگی و بدون مدیریت رویداد در JavaScript صورت میگیرد.

 

ادامه نوشته

آموزش Knockout – قسمت اول

فریم ورک knockoutjs ابزار بسیار مفیدی برای پیاده سازی مدل MVVM در پروژه ی وب به شمار میرود. با استفاده از این فریم ورک میتوانید در سمت کلاینت داده ها را با دقت زیادی مدیریت کنید. این ابزار قادر است تغییرات رخ داده در مقادیر را به سرعت در UI به نمایش در آورد. همچنین ابزار مفیدی برای الگوسازی (Templating) به شمار میرود و نیاز برنامه نویس را به jQuery تا حد زیادی کاهش میدهد. همچنین اگر به درستی از این ابزار بهره ببرید نیاز شما به مدیریت رویداد در jQuery کاملا محو میشود.

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

در اولین گام میخواهیم یک textarea بسازیم که وقتی کاربر در آن شروع به تایپ میکند تعداد کاراکترهای تایپ شده و بیشترین مقداری که میتواند تایپ کند در بالای آن نمایش داده شود.

 

ادامه نوشته