c# - 如何在 MVC 3 Razor 视图引擎中使用 C# 显示和隐藏 Div？

Question

我必须编写 C# 代码来显示和隐藏 MVC3 中的 div，用于基于 C# 中的 switch case 的各种控件。如何在不使用 JQuery Show 或 hide 的情况下完成..但在完全服务器端..？

Answer 1

将您的 switch 语句直接添加到您的 .cshtml 文件中。到那时，这一切都将是服务器端的。

控制器：

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>

Answer 2

W3c 有一篇关于逻辑条件的文章

使用此示例

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

或查看示例

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

Answer 3

为什么你使用switch语句？

你喜欢if条件？？？

为了

<% if(CheckYourCondition){ %>

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

<% } %>