Как передать данные из всех строк WebGrid в контроллер MVC с помощью Javascript? - PullRequest
Новая
       24

Как передать данные из всех строк WebGrid в контроллер MVC с помощью Javascript?

0 голосов
/ 20 мая 2019

Я пытаюсь передать данные из моей WebGrid (см. Изображение ниже) в мой контроллер, используя Javascript.

enter image description here

В настоящее время я застрял в переборе своей WebGrid и получении каждой строки ее значения.С кодом ниже я получаю 4 пустых оповещения (я думаю, что это строки моего WebGrid, включая заголовок).

То, что у меня так далеко:

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",
                                htmlAttributes: new { id = "tableID" },
                                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">

       var dict = [];

       $('#btnSubmit').click(function (e) {
           $('#tableID tr').each(function () {
               alert($(this));
               //Obtain row data and and push into "dict"
           });
       });

</script>

Сгенерированный WebGrid

enter image description here

Надеюсь, кто-нибудь может мне помочь,

Заранее спасибо!

...