如何在 MVC4 中使用 Razor 视图在表中创建动态行
How to a dynamic row in a table using Razor view in MVC4?
我在剃刀视图中有一个表,这个表包含一些 Html 控件,如下所示:-
<table style="text-align: center; width: 680px; background-color: White;" rules="all" id="tableId">
<tr>
<td style="width: 20px;"></td>
<td>
<label>
Campaign Name</label>
</td>
<td>
<label>
Valid Date From</label>
</td>
<td>
<label>
Valid Date To</label>
</td>
<td>
<label>
Is Active</label>
</td>
<td>
<label>
ContractPDF</label>
</td>
<td>
<label>
Browse Contract</label>
</td>
</tr>
<tr>
<td>
@Html.HiddenFor(m => m.Customer_ID)
</td>
<td class="trBorder">
@Html.TextBoxFor(m => m.Customer_Name)
</td>
<td class="trBorder">
@Html.TextBoxFor(m => m.ValidFrom, new { @class = "datepicker" })
</td>
<td>
@Html.TextBoxFor(m => m.ValidTo, new { @class = "datepicker" })
</td>
<td>
@Html.CheckBox("gridChkCampaignIsActive", m => m.IsActive)
</td>
<td>
@Html.TextBoxFor(m => m.ContractDocumentPath)
</td>
<td>
@Html.ActionLink("Browse", "FileUpload")
</td>
</tr>
</table>
"添加客户"按钮
<input type="button" value="Add Customer" name="btnAddCustomer" id="btnAddCustomer" style="margin-left: 20px;"/>
我的问题是我希望这个表像网格控件一样,当我单击"Add Customer"
按钮时,网格控件中将添加一个空白行。
请帮帮我!
任何帮助将不胜感激
它太简单了 为每个元素分配一个 id 并在访问值中,然后填充一个表
喜欢
@Html.TextForFor(m=>m.name, new {@class="form-control", id="name"})
//then dynamically table to be populated via javascript
<table id="tbl">
<thead></thead>
<tbody></thead>
</table>
<input type="button" value="Add Customer" name="btnAddCustomer" id="btnAddCustomer" style="margin-left: 20px;"/>
//assume that u have assign id to text boxes like a, b, c, and ,so on..
<script>
$.(#btnAddCustomer).click(function () {
var pc = $("#pcode").val();
var p = $("#a").val();
var q = $("#b").val();
var e = $("#c").val();
var rows = '';
rows += "<tr>"
rows += "<td>" + p + "</td>"
rows += "<td>" + q + "</td>"
rows += "<td>" + r + "</td>"
rows += "</tr>";
$("#tbl tbody").append(rows);
})
</script>
相关文章:
- 如何在javascript中创建动态json对象
- 如何创建动态ajax提交表单
- 如何在javascript中创建动态正则表达式
- 如何使用pouchdb创建动态查询(couchdb可能也是如此)
- 如何在jquery mobile中使用json文件创建动态下拉菜单
- 基于所选下拉列表值创建动态复选框
- 使用推动创建动态对象
- 在浏览器窗口中创建动态灵活的分割标记
- 将字符串与integer连接,用作jquery中的变量(创建动态变量)
- 创建动态javascript对象
- 如何使用指令属性值创建动态模板
- 使用 JavaScript 创建动态下拉列表
- 如何在创建动态 HTML 页面时使用日期选择器
- 使用javascript中的append创建动态下拉列表
- Jquery - 创建动态名称选择器
- 如何根据查询字符串值创建动态超链接
- 使用javascript创建动态多维关联数组
- 使用javascript创建动态二级下拉列表
- 在JavaScript中创建动态绑定
- 在JS中创建动态对象