Làm thế nào để hiện và ẩn Div bằng C# trong MVC 3 Razor View Engine?

Question

Tôi phải viết mã C# để hiển thị và ẩn div trong MVC3 để điều khiển khác nhau dựa trên trường hợp chuyển đổi trong C#. Làm thế nào nó có thể được thực hiện mà không sử dụng JQuery Show hoặc ẩn .. nhưng ở phía máy chủ đầy đủ ..?

Answer 1

Thêm câu lệnh chuyển đổi của bạn trực tiếp vào tệp .cshtml của bạn. Tất cả sẽ là phía máy chủ tại thời điểm đó.

Bộ điều khiển:

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 có một Điều về Logic Conditions

Sử dụng mẫu này

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

hoặc xem 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;     
    } 
} 

Answer 3

Tại sao bạn sử dụng câu lệnh chuyển đổi ??

Bạn có thích điều kiện không ???

cho

<% if(CheckYourCondition){ %> 

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

<% } %>