用jQuery UI查看和部分查看

我用2列中的表格分隔我的空間屏幕。左邊的菜單是正確的內容。在右側列中，我使用jQuery UI選項卡。第二個選項卡管理聯繫人列表，我將第二個選項卡的內容分成兩列。左邊是添加/更新聯繫人的表單，右邊是網格。我發佈表單時的問題是在「DetailContactDetail」上，我試圖返回View，PartialView，或者我沒有任何東西獲取表單全屏。我想刷新標籤的內容以查看網格中的更改。用jQuery UI查看和部分查看

控制器：

public ActionResult DetailContact() 
{ 
    .... 
    return PartialView("DetailContact", model); 
} 

public ActionResult SaveContact(CustomerModel model) 
{ 
    ..... 
    return PartialView("DetailContactDetail"); 
}

HTML：

<script id="Ready" type="text/javascript"> 
    $(document).ready(function() { 
     var $tabs = $("#tabs").tabs({ 
      select: function (e, ui) { 
       runMethod(ui.index); 
      } 
     }); 
    }); 

    function runMethod(selectedtab) { 
     switch (selectedtab) { 
      case 0: 
       $.post('/Customer/DetailGeneral', function (data) { 
        $('#tabs-1').html(data); 
       }); 
       break; 
      case 1: 
       $.post('/Customer/DetailContact', function (data) { 
        $('#tabs-2').html(data); 
       }); 
       break; 
      case 2: 
       $.post('/Customer/DetailAdresse', function (data) { 
        $('#tabs-3').html(data); 
       }); 
       break; 
     } 
    } 
</script> 

<table style="width:100%;"> 
<tr> 
    <td style="width:20%;vertical-align:top;">     
     @Html.Partial("MnuCustomer") 
    </td> 
    <td style="width:80%;vertical-align:top;"> 
     <div id="tabs"> 
      <ul> 
       <li><a href="#tabs-1">Info</a></li> 
       <li><a href="#tabs-2">Contact</a></li> 
       <li><a href="#tabs-3">Adress</a></li> 
      </ul> 
      <div id="tabs-1">@Html.Partial("DetailGeneral", Model)</div> 
      <div id="tabs-2"></div> 
      <div id="tabs-3"></div> 
     </div> 

    </td> 
</tr> 
</table>

選項卡的內容是這樣的（PartialView 「DetailContact.cshtml」）看起來像：

<table style="width:100%;" border="0"> 
<tr> 
    <td style="width:50%;">@Html.Partial("DetailContactDetail",Model)</td> 
    <td style="width:50%;">@Html.Partial("DetailContactGrid",Model)</td> 
</tr> 
</table>

DetailContac tDetail和DetailContactGrid是部分視圖。

來源

2011-08-17 Kris-I

克里斯 - 我承認，代碼:) - 反正是什麼

相關問題