Как создать DropDownList в существующей ASP.NET WebGrid? - PullRequest
Новая
       33

Как создать DropDownList в существующей ASP.NET WebGrid?

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

У меня проблемы с выяснением, как создать DropDownList в моей существующей WebGrid.Я получаю следующие данные из моего контроллера:

Элементы списка 0-2 заполнены "KeyA":

enter image description here

И элементы списка 3-5 заполнены "KeyOther":

enter image description here

Они еще не имеют никакой комбинации с eachother, но я пытаюсь создатьWebGrid с элементами списка типа «KeyA» в первом столбце, представленном в метках, и элементами списка типа «KeyB» во втором столбце, представленном как DropDownLists для каждого элемента списка «KeyA».Посмотрите пример:

enter image description here

Я не могу понять, как это сделать, вот что я получил сейчас:

enter image description here

С помощью следующего кода: 

@{
                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: "KeyA", header: "KeysA", format:@<text><div class="" data-id="@item.KeyA" data-propertyname="KeyA">@item.KeyA</div></text>),
                                grid.Column(columnName: "KeyOther", header: "KeysOther", format:@<text><div class="" data-id="@item.KeyOther" data-propertyname="KeyB">@item.KeyOther</div></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>
                }
}

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

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

...