How to Show and Hide Div using C# in MVC 3 Razor View Engine?

Question

I have to write C# code for showing and hiding div in MVC3 for various controls based on switch case in C# .How can it be done without using JQuery Show or hide.. but in fully server side..?

Middas · Accepted Answer · 2013-03-07 05:21:55Z

11

Add your switch statement directly into your .cshtml file. It will all be server-side at that point.

Controller:

public ActionResult Page()
{
    string data = "value1";
    return View(data);
}

CSHTML:

@model string; // this should be the Type your controller passes

<div>some html content</div>
@switch(Model) // Model is how you access your passed data
{
    case "value1":
        <div>...</div>
    break;
    case "value2":
        <div>...</div>
    break;
}
<div>more html content</div>

edited Mar 7, 2013 at 5:21

answered Mar 7, 2013 at 4:42

Middas

1,8801 gold badge29 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ray Cheng Over a year ago

@vignesh, You can also use ViewBag or ViewData to pass values from controller to view.

Middas Over a year ago

Yes, anything is possible. Your object that you're sending to your View can be anything, including a string of HTML.

user4864716 Over a year ago

Clearly this works. My question is whether the logic that determines whether a div will be shown in HTML or not belongs in the view document. Is this something that can or should be moved to some other document? I've heard that the controller shouldn't contain this logic either, so is there a more fitting place?

Community · Accepted Answer · 2017-05-23 11:53:20Z

0

W3c has a Article about Logic Conditions

Use this sample

@switch(value)
{
    case "YourFistCase":
        <div>Login</div>;
    break;
    case "YourSecondeCase":
        <div>Logout</div>;
    break;
}

or see sample

// Use the @{ } block and put all of your code in it
@{
    switch(id)
    {
        case "test":
            // Use the text block below to separate html elements from code
            <text>
                <h1>Test Site</h1>
            </text>
            break;  // Always break each case
        case "prod":
            <text>
                <h1>Prod Site</h1>
            </text>
            break;
        default:
            <text>
                <h1>WTF Site</h1>
            </text>
            break;                   
    }
}

edited May 23, 2017 at 11:53

CommunityBot

11 silver badge

answered Mar 7, 2013 at 4:52

user1968030

1 Comment

Vignesh Subramanian Over a year ago

Is it possible to move all this code to controller...than in cshtml inline

user1193035 · Accepted Answer · 2013-03-07 04:59:27Z

-2

Why you use switch statement??

Do you like if condition???

for

<% if(CheckYourCondition){ %>

   <div class="TestClass">
   Test
   </div>

<% } %>

answered Mar 7, 2013 at 4:59

user1193035

Collectives™ on Stack Overflow

How to Show and Hide Div using C# in MVC 3 Razor View Engine?

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related