ویژگی‌ها :
- Angular 2+
- Angular CLI
- Bootstrap 4 CSSFramework
- SASS
- Smart Table
- Forms
- Editors
- Charts (amChart, Chartist, Chart.js,Morris)
- Maps (Google, Leaflet,amMap)
- Responsive layout
- High resolution
- and many more!
gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js, angular.js and touch devices. Demo Demo
Ben Hall explores the five key topics
around design that can make or break an application and website: Layout
and the golden ratio, Typography, Imaginary, Colors and User Feedback.
ممنون آقای نصیری. دو پوشه با نام فوق اضافه شده است و هر دو پوشه رو Inlude کردم به پروژه .ولی هیچ فایل Css ای در این دو پوشه وجود نداشت .نهایتا این دو فایل رو add کردم به پوشه bootstrap-rtl و فایل Layout رو به شکل زیر اصلاح کردم .
آیا جایی از کار مشکل داره؟کدام فایل Jquery برای استفاده از قالب بایستی مورد ارجاع قراربگیره؟
<link href="~/bower_components/bootstrap-rtl/bootstrap-rtl.min.css" rel="stylesheet"/>
با سلام؛ من یه Layout دارم که توش آخرین نظرات رو بصورت یک اکشن که یک PartialView را صدا میرنه البته از طریق فرمان Htl.RenderAction این کار انجام میشه. طبق فرموده
شما که نمیشه child actionها رو بصورت فرمان عمومی کششون رو ریست کرد. من
هم ازهمین فرمان شما در نظر بالا استفاده کردم ولی یک ارور میده که در عکس
پیوست شده است.
سلام
من طبق مقاله یه پروژه MVC رو ساختم اما زمانی که پروژه رو اجرا میکنم در خطی که
$("#report-grid").kendoGrid رو تعریف کردم خطای زیر رو دریافت میکنم
$(...).kendoGrid is not a function
در layout به فایلهای css و js ارجاع داده شده و view که ساخته ام از lyout استفاده میکنه.
- این مشکل از محل تعریف jQuery هست. بررسی کنید در فایل layout، تعریف مدخل jQuery قبل از تعریف section JavaScript فوق باشد. اگر پس از آن باشد یا حتی jQuery چندبار در صفحه شروع شده باشد، این مشکل را خواهید داشت.
+ از ASP.NET MVC 4 به بعد، نیازی به ذکر Url.Content در Viewها نیست و Razor قابلیت پردازش ~ را هم پیدا کرده‌است؛ یعنی می‌تواند از تعاریفی مانند "src="~/path/file.js استفاده کند.
+ از ASP.NET MVC 4 به بعد، نیازی به ذکر Url.Content در Viewها نیست و Razor قابلیت پردازش ~ را هم پیدا کرده‌است؛ یعنی می‌تواند از تعاریفی مانند "src="~/path/file.js استفاده کند.
- زمانیکه پوشه‌های پروژه‌ها را جابجا می‌کنید، باید تمام فایلهای csproj آن‌ها را باز کنید و سپس مسیرهای HintPath بسته‌های نیوگت را اصلاح کنید:
اگر اینکار رخ ندهد، عملا کار بازیابی بسته‌ها پاسخ نخواهد داد چون HintPathهای موجود به چند سطح بالاتر اشاره نمی‌کنند:
- در پروژه‌ی RabbalShopCMS.DomainClasses شما به نظر یک سری کلاس‌ها نیستند و اضافه نشدند به سورس کنترل.
- قسمت post build event باید به صورت ذیل اصلاح شود:
به این صورت تمام فایلهای مرتبط کپی می‌شوند.
- در global.asax.cs پروژه‌ی اصلی باید این موارد را حذف کنید:
Razor generator به ازای هر پلاگین دارای یک فایل RazorGeneratorMvcStart است که کارش ثبت یک ViewEngine مخصوص خواندن فایلهای View از اسمبلی برنامه است که این موارد نباید حذف شوند و اگر حذف شوند، Viewهای پلاگین‌ها قابل مشاهده نخواهند بود.
- افزونه‌ی دارای Area نیازی نیست فایل layout داشته باشد. فقط باید دارای یک ViewStart باشد که به layout پروژه‌ی اصلی اشاره کند. این layout از پروژه‌ی پایه دریافت می‌شود و نه از افزونه. بنابراین فایل layout افزونه باید حذف شود و اضافی است.
- بعد در حالت solution چند پروژه‌ای اجرای دستور ذیل الزامی است: (خیلی مهم)
این مورد سبب خواهد شد تا تمام وابستگی‌های solution جاری به همراه تمام پروژه‌های مرتبط آن یکدست شوند.
- اگر با درخواست یک آدرس، فایل view پروژه‌ی دیگری بازگشت داده شد، ترتیب اضافه شدن PrecompiledMvcEngine را تغییر دهید. برای مثال در پروژه‌ی پلاگین:
در پروژه‌ی اصلی:
<HintPath>..\..\..\packages\T4MVCExtensions.3.15.0\lib\net40\T4MVCExtensions.dll</HintPath>
<HintPath>..\packages\EntityFramework.6.1.3\lib\net45\EntityFramework.dll</HintPath>
- قسمت post build event باید به صورت ذیل اصلاح شود:
Copy "$(ProjectDir)$(OutDir)*.*" "$(SolutionDir)RabbalShopCMS.Web\bin\"
- در global.asax.cs پروژه‌ی اصلی باید این موارد را حذف کنید:
ViewEngines.Engines.Clear(); ViewEngines.Engines.Add(new RazorViewEngine ());
- افزونه‌ی دارای Area نیازی نیست فایل layout داشته باشد. فقط باید دارای یک ViewStart باشد که به layout پروژه‌ی اصلی اشاره کند. این layout از پروژه‌ی پایه دریافت می‌شود و نه از افزونه. بنابراین فایل layout افزونه باید حذف شود و اضافی است.
- بعد در حالت solution چند پروژه‌ای اجرای دستور ذیل الزامی است: (خیلی مهم)
PM> update-package
- اگر با درخواست یک آدرس، فایل view پروژه‌ی دیگری بازگشت داده شد، ترتیب اضافه شدن PrecompiledMvcEngine را تغییر دهید. برای مثال در پروژه‌ی پلاگین:
ViewEngines.Engines.Insert(0, engine);
ViewEngines.Engines.Add(engine);
برای دیباگ کار، بررسی کنید:
- آیا لینک‌هایی که بر روی آن‌ها کلیک می‌شود، ویژگی withpjax را دارند؟ آیا اسکریپت متناظر با آن به صفحه پیوست شده؟
- آیا خطایی مشاهده نمی‌شود؟
- آیا header مربوط به X-PJAX در درخواست ارسالی به سرور مطابق تصاویر فوق وجود دارند؟
- آیا در سمت سرور بر اساس هدر X-PJAX دریافتی، فایل layout صحیحی تنظیم می‌شود؟
- آیا لینک‌هایی که بر روی آن‌ها کلیک می‌شود، ویژگی withpjax را دارند؟ آیا اسکریپت متناظر با آن به صفحه پیوست شده؟
- آیا خطایی مشاهده نمی‌شود؟
- آیا header مربوط به X-PJAX در درخواست ارسالی به سرور مطابق تصاویر فوق وجود دارند؟
- آیا در سمت سرور بر اساس هدر X-PJAX دریافتی، فایل layout صحیحی تنظیم می‌شود؟
هنگام کار با LESS در Visual Studio توسط افزونه‌ی Web Essentials نیازی به این کار نیست، شما کافی است فایل کامپایل شده CSSتان را داخل Layoutتان قرار دهید بعد از اینکار در هر بار تغییر فایل less و کامپایل مجدد آن(چه در حالت build و چه در حالت save) فایل اضافه شده به Layout به صورت خودکار به روز رسانی می‌گردد.