显示按钮的局部视图点击

类的模型：显示按钮的局部视图点击

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

显示按钮的局部视图点击

回答

相关问题