c# - 如何遍历 WebGrid 并获取 DropDownList 的选定值?
问题描述
我试图弄清楚如何遍历以下 webgrid:
我想要实现的是遍历这个WebGrid,并将每行的“A”列的值链接到“Other”列,这个WebGrid的例子:
“key1”->“其他key2”,
“key2”->“其他key3”,
“key3”->“其他key3”
迭代完成后,我想将此数据(首选 in dictionary<string, string>
)发送到我的控制器。
我的代码:
HTML
@{
if (Model != null && Model.Count() > 0)
{
var grid = new WebGrid(canPage: true, rowsPerPage: 10);
grid.Bind(source: Model, rowCount: 0, autoSortAndPage: false);
<div class="row" id="content2">
<div class="col-lg-12 d-flex align-items-stretch">
@grid.Table(tableStyle: "table table-responsive table-striped table-bordered",
columns: grid.Columns(
grid.Column(columnName: "A", header: "A", format:@<text><div class="" data-id="@item.KeyA" data-propertyname="KeyA">@item.KeyA</div></text>),
grid.Column("Other", header: "Other", format: @<text>@Html.DropDownList("OtherKey", (IEnumerable<SelectListItem>)ViewBag.OtherKeysList, new { @class = "extra-class" })</text>)))
</div>
<!--Pagerlist for webgrid-->
<div class="col-lg-12 d-flex align-items-stretch">
@grid.PagerList(mode: WebGridPagerModes.All, paginationStyle: "pagination pagination-small pagination-right")
</div>
@Html.Hidden("dir", grid.SortDirection)
@Html.Hidden("col", grid.SortColumn)
</div>
}
}
Javascript
<script type="text/javascript">
$(document).ready(function () {
$("#btnSubmit").click(function () {
//Iterate here
});
});
</script>
解决方案
推荐阅读
- android - 繁体中文不转换应用程序文本
- python - “ValueError不正确的配置格式:'+ str((config)”使用tensorflow和keras时?
- reactjs - IIS 没有为我的 React SPA 提供服务,我得到的只是 React 应用程序的根目录
- c - github 操作输出到哪里去了?
- node.js - 从 Node.js 模块中访问 Socket.IO
- html - 防止放大 ios 和 android 浏览器
- python - 使用 Javascript 从 Notepad++ 中的参考文件中将 [[Words]] 替换为其他 [[Words]]
- javascript - 如何绘制多条折线?
- javascript - 对对象执行删除运算符时对常量变量的奇怪更改
- android - 在 google play 中包含最新的先前版本是什么意思?