আমি কীভাবে _Layout.cshtml ফাইলে .css ফাইলগুলি সেট করতে পারি, তবে প্রতি-ভিউ ভিত্তিতে স্টাইলশিট প্রয়োগ করার কী আছে?
এখানে আমার চিন্তাভাবনাটি হ'ল _ লেআউট.কোশটিএমএলে, আপনার <head>সাথে কাজ করার জন্য ট্যাগ রয়েছে, তবে আপনার অ-বিন্যাস ভিউগুলির মধ্যে এটির মতো নয়। <link>ট্যাগগুলি কোথায় যায়?
উত্তর:
সিএসএসের জন্য যা পুরো সাইটের মধ্যে পুনঃব্যবহার করা হয় আমি তাদের <head>বিভাগের বিভাগে এটি সংজ্ঞায়িত করি _Layout:
<head>
<link href="@Url.Content("~/Styles/main.css")" rel="stylesheet" type="text/css" />
@RenderSection("Styles", false)
</head>এবং যদি আমার কিছু নির্দিষ্ট স্টাইলের প্রয়োজন হয় তবে আমি Stylesপ্রতিটি দৃশ্যে বিভাগটি সংজ্ঞায়িত করি :
@section Styles {
<link href="@Url.Content("~/Styles/view_specific_style.css")" rel="stylesheet" type="text/css" />
}সম্পাদনা: এটি জেনে রাখা দরকারী যে @ রেন্ডারসেকশনের দ্বিতীয় প্যারামিটার, মিথ্যা, এর অর্থ এই অংশটি এই মাস্টার পৃষ্ঠাটি ব্যবহার করে এমন কোনও প্রয়োজনের প্রয়োজন নেই, এবং ভিউ ইঞ্জিনটি আনন্দের সাথে এড়িয়ে যাবে যে "স্টাইলস" বিভাগটি সংজ্ঞায়িত করা হয়নি। আপনার দৃষ্টিতে যদি সত্য হয়, দৃশ্যটি রেন্ডার করবে না এবং "স্টাইল" বিভাগটি সংজ্ঞায়িত না করা হলে ত্রুটি নিক্ষেপ করা হবে।
RenderSection(আশ্চর্যজনকভাবে :), শিরোনামের শেষে নয়।
আমি এর মতো একটি ব্লক যুক্ত করার চেষ্টা করেছি:
@section styles{
<link rel="Stylesheet" href="@Href("~/Content/MyStyles.css")" />
}এবং _আউটআর.সি.এইচটিএমএল ফাইলের সাথে সম্পর্কিত ব্লক:
<head>
<title>@ViewBag.Title</title>
@RenderSection("styles", false);
</head>যা কাজ করে! তবে আমি সাহায্য করতে পারি না তবে আরও ভাল উপায় আছে বলে মনে করি। আপডেট: মধ্যে "মিথ্যা" যোগ করা হয়েছে @RenderSectionবিবৃতিতে তাই আপনার ভিউ না করবে না 'splode যখন আপনি একটি যোগ করার জন্য অবহেলা @sectionনামক head।
"Head"।
@RenderSection()। ভালো বল ধরা.
ব্যবহার
@Scripts.Render("~/scripts/myScript.js")অথবা
@Styles.Render("~/styles/myStylesheet.css")আপনার জন্য কাজ করতে পারে।
লেআউটটি মাস্টার পৃষ্ঠার মতোই কাজ করে। বিন্যাসে যে কোনও সিএসএস রেফারেন্স রয়েছে, যে কোনও শিশু পৃষ্ঠাগুলি থাকবে।
আমি ক্লায়েন্ট নির্ভরতা dll থেকে রেজার এইচটিএমএল সহায়ক ব্যবহার করতে পছন্দ করি
Html.RequireCss("yourfile", 9999); // 9999 is loading priority আপনি এই কাঠামোটি Layout.cshtml ফাইলটিতে করতে পারেন
<link href="~/YourCssFolder/YourCssStyle.css" rel="stylesheet" type="text/css" />