اشتراکها
InfoPath 2013 بازنشسته شد
- آموزش jQuery : سلکتورها | www.pasargad-graphic.com
- آموزش MVC - قسمت نهم - WebGrid در 3 MVC | 30sharp.com
- تلاشی برای قیمتگذاری محصول نرمافزاری | weblog.idegostaran.com
- Internet Explorer Standards Documentation | www.microsoft.com
- Microsoft Robotics Developer Studio 4 Beta 2 | www.microsoft.com
- Team Foundation Service Preview – Beginner’s Guide | blogs.msdn.com
- آموزش برنامه نویسی به خردسالان | www.i-programmer.info
- بررسی شرایط ارسال برنامه به فروشگاه ویندوز 8 | www.istartedsomething.com
- پیش نمایشی از فروشگاه ویندوز 8 | channel9.msdn.com
- توضیحاتی مبسوط در مورد فروشگاه ویندوز 8 | blogs.msdn.com
- سایت مسابقه برنامه نویسی جهت انتخاب اولین برنامههای فروشگاه ویندوز 8 | buildwindowscontest.com
- لیستی از فریم ورکهای آزمون واحد قابل استفاده در دات نت | en.wikipedia.org
- مدلهای Visio خود را تبدیل به اسکریپت تولید دیتابیس کنید | forwardengineer.codeplex.com
- وبلاگ ویژه فروشگاه ویندوز 8 مخصوص توسعه دهندهها | blogs.msdn.com
- ویندوز فون خود را تبدیل به ریموت کنترل کنید | samsungremotewp7.codeplex.com
در مقالهی قبلی ما بخشی از BootstrapDialog را با استفاده از Reflection پیاده سازی کردیم. دلیل اینکه پیاده سازی کاملی از آن نداشتیم، متغیر بودن مقادیر و پیچیدهتر شدن و طولانی تر شدن کد نویسی آن بود که برای آن کد ارزش زیادی نداشت تا وقت بیشتری صرف شود. ولی در اینجا بخاطر پیچیدگی کمتر، به طور کامل از Reflection استفاده شده است.
شیء BootstrapSwitch یک چک باکس است که با استفاده از جی کوئری و استایلها به یک سوئیچ انیمیشنی زیبا تبدیل شده است که خودم به شخصه علاقه زیادی به استفادهی از آن در پروژههای شخصی پیدا کردهام. غیر از زیبایی، حس خوبی از کارکرد برنامه میدهد.
فایلهای موردنیاز را دانلود کرده و آنها را در ابتدای صفحه و با رعایت ترتیب صدا بزنید:
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <link href="~/content/css/bootstrap-switch.min.css" rel=stylesheet"></link> <script src="~/Scripts/bootstrap-switch.min.js"></script>
نکته مهم: فایل css شامل دو نسخه هست که یکی از آن برای Bootstrap2 و دیگری برای نسخه 3 آن است که نسبت به آن نسخه، استایل مناسب را انتخاب کنید.
پروژهی اصلی را دریافت کنید و آن را به solution خود اضافه کنید. پروژه به دو بخش اصلی Controls و Models تقسیم میشود که بخش مدل آن، برای ایجاد ساختارهای آن و در بخش کنترل، برای ترسیم آن به صورت HtmlHelper به کار میرود.
ابتدا قبل از هر چیزی یک شیء از کلاس BootstrapSwitchModel ایجاد کنید و مقادیر دلخواه خود را به خصوصیتهای آن نسبت دهید:
var model=BootstrapSwitchModel(); //وضعیت فعال بودن و غیرفعال بودن سوئیچ model.Checked=true; //اندازه آن model.Size=BootstrapSize..normal; //یک انیمیشن ساده موقع سوئیچ کردن دارد model.Animate=true; //به چک باکس عادی تبدیل میشود model.Disabled=true; //غیرفعال شده و به صورت فقط خواندنی قابل دسترس است model.Readonly=true; //رنگ قعال بودن model.OnColor=BootstrapColor.Success; //رنگ غیرفعال بودن model.OffColor=BootstrapColor.Danger; //متن نمایشی در هنگام فعال بودن model.OnText="On"; //متن نمایشی در حالت عدم انتخاب model.OffText="Off"; //بین دو حالت روشن و خاموش نمایش داده میشود model.label="Public Display"; //تعیین میزان اندازه برچسب بالا model.LabelWidth=100; //سوئیچ به صورت آینه ای معکوس میشود model.Inverse=false; //کلاسی جهت تغییر استایل سوئیچ model.BaseClass="myclass"; //تعیین کلاس برای تگ اصلی پدر model.WrapperClass="wclass"; //فقط یکی از چند سوئیچ میتواند فعال باشد model.RadioAllOff=false; //یک سوئیچ در حالت عادی فقط یکی از //وضعیتها را نمایش میده ولی در این حالت //سوئیچ در ابتدا بین این دو وضعیت گیر کرده است model.Indeterminate=true; //اندازه سمت چپ و راست سوئیچ model.HandleWidth=25;
@{ var model=BootstrapSwitchModel(); ....} @HTML.BootstrapSwitch("id",model);
نظرات مطالب
بررسی تغییرات ASP.NET MVC 5 beta1
- نکات مهم Bootstrap رو ما در سایت جاری بررسی کردیم و الزاما برای استفاده از آن نیازی به MVC5 نیست. همین الان در MVC4 هم میتونید ازش استفاده کنید. ولی درکل هر وقت مایکروسافت دست روی چیزی میگذارد، مزیتش تهیه حداقل 20 جلد کتاب جدید در مورد CSS و Bootstrap و طراحی است که در نهایت برای دنیای وب، از لحاظ بالا رفتن کیفیت کارهای انجام شده، بسیار مفید خواهد بود.
- در کل این به روز رسانی برای مدیریت و دریافت تغییرات انجام شده اخیر بسیار مناسب خواهد بود (تمام اجزای MVC مانند اسکریپتهای اعتبارسنجی سازگار با نسخه جدید jQuery، فشرده سازهای CSS و JS، قسمتهای مرتبط با SignalR و Web API همین Owin ایی که نامبردید، مرتبا به روز میشوند). حداقل دیگر نیازی به دریافت چند گیگ به روز رسانی VS 2012 نیست و به یکباره میشود تمام آنها را در VS 2013 داشت.
- همچنین با توجه به سورس باز بودن MVC، دنبال کردن History سورس کنترل آنها در جهت مشاهده تغییرات انجام شده ضروری است. یعنی صرفا نباید در منوها یا صفحه دیالوگهای جدید به دنبال تغییرات بود. اگر تغییرات سورس کنترل را بررسی کنید مواردی مانند MVC Attribute Routing، رفع تعدادی از باگهای Razor parser و تغییرات گستردهای در Web API انجام شده (بیشتر موارد مرتبط به Web API است).
- در کل این به روز رسانی برای مدیریت و دریافت تغییرات انجام شده اخیر بسیار مناسب خواهد بود (تمام اجزای MVC مانند اسکریپتهای اعتبارسنجی سازگار با نسخه جدید jQuery، فشرده سازهای CSS و JS، قسمتهای مرتبط با SignalR و Web API همین Owin ایی که نامبردید، مرتبا به روز میشوند). حداقل دیگر نیازی به دریافت چند گیگ به روز رسانی VS 2012 نیست و به یکباره میشود تمام آنها را در VS 2013 داشت.
- همچنین با توجه به سورس باز بودن MVC، دنبال کردن History سورس کنترل آنها در جهت مشاهده تغییرات انجام شده ضروری است. یعنی صرفا نباید در منوها یا صفحه دیالوگهای جدید به دنبال تغییرات بود. اگر تغییرات سورس کنترل را بررسی کنید مواردی مانند MVC Attribute Routing، رفع تعدادی از باگهای Razor parser و تغییرات گستردهای در Web API انجام شده (بیشتر موارد مرتبط به Web API است).
پاسخ به بازخوردهای پروژهها
آموزش TFS
اشتراکها
ماهنامه تخصصی نرم افزار متن باز
نظرات مطالب
کنترل DatePicker شمسی مخصوص Silverlight 4
نسخه WPF آن هم اضافه شد. برای دریافت، به سایت CodePlex مراجعه کنید: (+)