Динамическая популяция выпадающих списков в MVC - PullRequest
Новая
       5

Динамическая популяция выпадающих списков в MVC

0 голосов
/ 07 января 2019

ОК, у меня есть таблица вопросов, которая называется QuestionnaireTable. Эта таблица имеет следующие атрибуты: 


QuestionnaireID    QuestionID    ChoiceType  ListOfAnswers QuestionLabel
---------------    ----------    ----------  ------------- -------------
AAA1               Quest1        enum        ListA         Pick a shape
AAA1               Quest2        string                    What is your name
AAA1               Quest3        enum        ListB         Pick a colour
AAA2               Quest1        enum        ListA         Pick a shape
AAA2               Quest4        number                    What is your age

У меня есть вторая таблица с именем QuestionMultiSelectTable Эта таблица имеет следующие атрибуты: 


ListOfAnswersID Options
----------      ----------
ListA           Square
ListA           Triangle
ListA           Circle
ListA           Rectangle
ListB           Blue
ListB           Red

Итак, я прочитал таблицу вопросников в Viewbag (в ViewBag.QuestionsList) и могу перебирать каждый элемент для правильного вопросника (например, вопросник «AAA1»). Однако, если выбран тип «enum», мне нужно заполнить раскрывающийся список, используя отдельный список в таблице QuestionMultiSelectTable, который имеет тот же ListOfAnswersID 

</p>

<pre><code>@foreach (var QuestionItem in ViewBag.QuestionsList)
{
    if (QuestionItem.OptionsType == "enum")
    {
        <div class="form-group">
            <div class="control-label col-md-3">
                @QuestionItem.QuestionLabel:
            <div>
            <div class="col-md-9">
                @Html.DropDownList((string)QuestionItem.QuestionID, Enumerable.Empty<SelectListItem>(),
                         "Select answer",
                         new { @class = "form-control" })
            </div>
        </div>
        }
        else
        {
            <div class="form-group">
                <div class="control-label col-md-3">
                    @QuestionItem.QuestionLabel:
                </div>
                <div class="col-md-9">
                    @Html.TextBox((string)QuestionItem.QuestionLabel, "0", new { @class = "form-control" })
                </div>
            </div>
        }
    }

Теперь я пытаюсь понять, как я могу заполнить этот выпадающий список правильным списком ответов из таблицы QuestionMultiSelectTable. Список анкет, вопросов и возможных ответов постоянно изменяется, добавляется и удаляется из.

Итак, есть ли какие-либо предложения о том, как сделать это в MVC без создания сложного мастер-класса для страницы? (Имейте в виду, что это лишь малая часть того, что происходит на странице, поэтому вы не хотите копаться в создании пользовательских классов, если нет другого пути)

В идеале я хотел бы просто одно действие, которое я могу вызвать, когда каждый выпадающий список создается / создается, с "ListOfAnswersID", и тогда оно будет заполнено. Но я изо всех сил пытаюсь найти примеры где угодно.

1 Ответ

0 голосов
/ 07 января 2019

https://dotnetfiddle.net/Kpin7x

Создание таблиц - я добавил идентификатор 

CREATE TABLE [AHCCCS\KXBlau].[QuestionMultiSelect](
    [Id] [int] IDENTITY(1,1) NOT NULL,
    [ListOfAnswersID] [char](5) NOT NULL,
    [Options] [varchar](20) NULL,
 CONSTRAINT [PK_QuestionMultiSelect] PRIMARY KEY CLUSTERED 
(
    [Id] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]

CREATE TABLE [AHCCCS\KXBlau].[Questionnaire](
    [Id] [int] IDENTITY(1,1) NOT NULL,
    [QuestionnaireID] [char](4) NULL,
    [QuestionID] [char](6) NULL,
    [ChoiceType] [varchar](6) NULL,
    [ListOfAnswers] [char](5) NULL,
    [QuestionLabel] [varchar](20) NULL,
 CONSTRAINT [PK_Questionnaire] PRIMARY KEY CLUSTERED 
(
    [Id] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]

GO

Контроллер / Просмотр модели 

public class BigMBViewModel
{
    public IList<SelectListItem> QuestionMultiSelectList { get; set; }
}

public class HomeController : Controller
{
    [HttpPost]
    public ActionResult Tut141(FormCollection formCollection)
    {
        ArrayList results = new ArrayList();
        for (int i = 0; i < formCollection.Count; i++)
        {
            if (formCollection[i].Contains("List"))
            {
                results.Add(formCollection[i]);
            }
        }

        return View();
    }

    public ActionResult Tut141()
    {
        //I am using entity framework.  You can use plain ADO
        //read the the QuestionnaireTable into the Viewbag (into ViewBag.QuestionsList
        using (SMARTEntities2 entity = new SMARTEntities2())
        {
            ViewBag.QuestionsList = entity.Questionnaires.ToList();
        }

        BigMBViewModel bmbViewModel = new BigMBViewModel { QuestionMultiSelectList = new List<SelectListItem>() };

        using (SMARTEntities2 entity = new SMARTEntities2())
        {
            entity.QuestionMultiSelects.ToList().ForEach(r => bmbViewModel.QuestionMultiSelectList.Add(
                new SelectListItem { Text = r.Options, Value = r.ListOfAnswersID + "-" + r.Id.ToString() }));            }

        return View(bmbViewModel);
    }

View 

@model Testy20161006.Controllers.BigMBViewModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Tut141</title>
</head>
<body>
    @using (Html.BeginForm())
    {
        int index = 0;
        foreach (var QuestionItem in ViewBag.QuestionsList)
        {
            //fixed the next line
            //if (QuestionItem.OptionsType == "enum")
            if (QuestionItem.ChoiceType == "enum")
            {
                ++index;
                <div class="form-group">
                    <div class="control-label col-md-3">
                        @QuestionItem.QuestionLabel:
                        @*fixed the next end div to be an end div instead of a begin div*@
                    </div>
                    <div class="col-md-9">
@{
                        var listOfAnswers = QuestionItem.ListOfAnswers;
                        var q = Model.QuestionMultiSelectList.ToList().Where(r => r.Value.Contains(listOfAnswers));
                        var theList = new
                        SelectList(Model.QuestionMultiSelectList, "Value", "Text");
                        }
                        @Html.DropDownList("theList" + index, q,
                            new { @id = "getThisValue", @class = "form-control" })

                    </div>
                </div>
            }
            else
            {
                <div class="form-group">
                    <div class="control-label col-md-3">
                        @QuestionItem.QuestionLabel:
                    </div>
                    <div class="col-md-9">
                        @Html.TextBox((string)QuestionItem.QuestionLabel, "0", new { @class = "form-control" })
                    </div>
                </div>
            }
        }
        <input type="submit" value="submit" />
    }
</body>
</html>
...