What is RenderSection in asp net MVC

Question

What is the purpose of  RenderSection and how does it function  I understand what bundles do  but I have yet to figure out what this does and it s probably important    RenderSection  scripts   required  false    Perhaps a small example on how to use it

User · Answer

If    1  you have a  Layout cshtml view like this   lt html gt       lt body gt           RenderBody         lt  body gt       lt script type  text javascript  src    lib layout js  gt  lt  script gt       RenderSection  scripts   required  false   lt  html gt     2  you have Contacts cshtml    section Scripts       lt script type  text javascript  src    lib contacts js  gt  lt  script gt      lt div class  row  gt       lt div class  col-md-6 col-md-offset-3  gt           lt h2 gt     Contacts lt  h2 gt       lt  div gt   lt  div gt     3  you have About cshtml     lt div class  row  gt       lt div class  col-md-6 col-md-offset-3  gt           lt h2 gt     Contacts lt  h2 gt       lt  div gt   lt  div gt    On you layout page  if required is set to false   RenderSection  scripts   required  false    When page renders and user is on about page  the contacts js doesn t render        lt html gt           lt body gt  lt div gt About lt div gt                        lt  body gt           lt script type  text javascript  src    lib layout js  gt  lt  script gt       lt  html gt    if required is set to true   RenderSection  scripts   required  true    When page renders and user is on ABOUT page  the contacts js STILL gets rendered    lt html gt       lt body gt  lt div gt About lt div gt                    lt  body gt       lt script type  text javascript  src    lib layout js  gt  lt  script gt       lt script type  text javascript  src    lib contacts js  gt  lt  script gt   lt  html gt    IN SHORT  when set to true  whether you need it or not on other pages  it will get rendered anyhow   If set to false  it will render only when the child page is rendered

User · Answer

Suppose if I have GetAllEmployees cshtml   lt h2 gt GetAllEmployees lt  h2 gt    lt p gt       lt a asp-action  Create  gt Create New lt  a gt   lt  p gt   lt table class  table  gt       lt thead gt              do something          lt  thead gt       lt tbody gt            do something          lt  tbody gt   lt  table gt        Added my custom scripts in the scripts sections   section Scripts            lt script src    js customScripts js  gt  lt  script gt          And another view  GetEmployeeDetails cshtml  with no scripts   lt h2 gt GetEmployeeByDetails lt  h2 gt    Model PageTitle  lt p gt       lt a asp-action  Create  gt Create New lt  a gt   lt  p gt   lt table class  table  gt       lt thead gt            do something           lt  thead gt       lt tbody gt            do something          lt  tbody gt   lt  table gt    And my layout page   layout cshtml    RenderSection  Scripts   required  true    So  when I navigate to GetEmployeeDetails cshtml  I get the error that there is no section scripts to be rendered in GetEmployeeDetails cshtml   If I change the flag in  RenderSection   from required   true to   required   false   It means render the scripts defined in the  section scripts of the views if present Else  do nothing  And the refined approach would be in  layout cshtml   if  IsSectionDefined  Scripts                   RenderSection  Scripts   required  true

User · Answer

If you have a  Layout cshtml view like this   lt html gt       lt body gt           RenderBody            RenderSection  scripts   required  false       lt  body gt   lt  html gt    then you can have an index cshtml content view like this   section scripts         lt script type  text javascript  gt alert  hello    lt  script gt      the required indicates whether or not the view using the layout page must have a scripts section

User · Answer

Here the defination of Rendersection from MSDN     In layout pages  renders the content of a named section MSDN    In  layout cs page put   RenderSection  Bottom  false    Here render the content of bootom section and specifies false boolean property to specify whether the section is required or not    section Bottom         This message form bottom      That meaning if you want to bottom section in all pages  then you must use false as the second parameter at Rendersection method

[asp.net-mvc] What is @RenderSection in asp.net MVC

Examples related to asp.net-mvc