CODEWITHSUNDEEP
c#asp.net-mvcrazor
Vignesh Subramanian
Vignesh Subramanian

Reputation: 7289

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

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..?

Upvotes: 10

Views: 30754

Answers (3)

Middas
Middas

Reputation: 1870

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>

Upvotes: 11

user1193035
user1193035

Reputation:

Why you use switch statement??

Do you like if condition???

for

<% if(CheckYourCondition){ %>

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

<% } %>

Upvotes: -2

user1968030
user1968030

Reputation:

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;                   
    }
}

Upvotes: 0

Related Questions