顯示按鈕的局部視圖點擊

類的模型：顯示按鈕的局部視圖點擊

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 

namespace CalcFactory.Models 
{ 
public partial class TableDetails 
{ 
    public String Dates { get; set; } 
    public double InvoiceAmount { get; set; } 
    public String InterestRate { get; set; } 
    public double InterestAmount { get; set; } 
    public double Amortization { get; set; } 
    public double CapitalBalance { get; set; } 
} 

public partial class TableDetails 
{ 
    public List<TableDetails> Tables { get; set; } 
} 
}

首頁控制器：

public ActionResult CreateCalculation() 
    { 
     return View(); 
    } 
    public ActionResult TableDetails() 
    { 
     return PartialView("TableDetail"); 
    }

我的局部視圖（TableDetails）：

@model IEnumerable<CalcFactory.Models.TableDetails > 
@using CalcFactory.Models 
@if (Model != null) 
    { 
     <div class="grid"> 
      <table cellspacing="0" width="80%"> 
       <thead> 
        <tr> 
         <th> 
          Dates 
         </th> 
         <th> 
          Invoice amount 
         </th> 
         <th> 
          Interest rate 
         </th> 
         <th> 
          Interest amount 
         </th> 
         <th> 
          Amortization 
         </th> 
         <th> 
          Capital balance 
         </th> 

        </tr> 
       </thead> 
       <tbody> 
        @foreach (var item in Model) 
        { 
         <tr> 
          <td align="left"> 
           @item.Dates 
          </td> 
          <td align="left"> 
           @item.InvoiceAmount 
          </td> 
          <td align="left"> 
           @item.InterestRate 
          </td> 
          <td align="left"> 
           @item.InterestAmount 
          </td> 
          <td align="left"> 
           @item.Amortization 
          </td> 
          <td align="left"> 
           @item.CapitalBalance 
          </td> 
         </tr> 
        } 
       </tbody> 
      </table> 

     </div> 

    }

而且，我想分要顯示的視圖：

<input type="submit" id="anCalcBtn" class="calcBtn" name="anSubmitBtn" value="Calculate" title="Calculate your calculation"></input> 
<div class="calcDetail" id="anCalcDetail"> 
        @model CalcFactory.Models.TableDetails 
         @{Html.Partial("TableDetail");} 
        </div>

個

我的JS：

$('#anCalcBtn').click(function() { 
$('#anCalcDetail').load('/Home/TableDetails/');

}）;

爲什麼這不適合我？我有這個部分觀點，我想在提交點擊中顯示。我不確定我是否正在使用Controller，但是這部分視圖假設顯示在CreateCalculation頁面中。

來源

2014-03-03 MrProgram

您正在使用'類型=「提交」'必須提交表格。嘗試用'type =「按鈕」' – Satpal

嘗試與按鈕以及。 Does not work =/ – MrProgram

我在JS的開頭添加了一個alertbox，但它沒有顯示 – MrProgram

我試過你的代碼，斷點確實打擊了TableDetails操作。問題是沒有模型發送到TableDetail視圖，因此沒有返回HTML。我已經改變了你的TableDetail行動，並創建了一個模擬模型：

public ActionResult CreateCalculation() 
{ 
    return View("Index"); 
} 
public ActionResult TableDetails() 
{ 
    List<TableDetails> tdList = new List<TableDetails>(); 
    TableDetails td = new TableDetails(); 
    td.Dates = "Dates"; 
    td.InterestAmount = 10; 
    td.InvoiceAmount = 5; 
    tdList.Add(td); 
    return PartialView("TableDetail", tdList); 
}

此代碼返回一個表，計算按鈕下方一行

來源

2014-03-04 13:46:18

顯示按鈕的局部視圖點擊

回答

相關問題