How to add IList<> in ASP.NET MVC model?

Question

I am trying to create a question and answers page. In which I am adding a question through textbox and want to add 4 textboxes to get answer option. I am using this model.

public class Question
    {
        public virtual int ID { get; set; }
        public virtual QPad QPad { get; set; }
        [Display(Name = "Add Question")]
        public virtual string QuestionText { get; set; }        
        [Display(Name = "Add Options")]
        public virtual IList<string> AnswerOption { get; set; }
    }

But now in a create action's view of QuestionController

My controller is:

[HttpPost]
        public ActionResult Index(int qId, Question ques )
        {
            if (ModelState.IsValid)
            {
                var QPads = _db.QPads.Single(r => r.ID == qId);
                QPads.Questions.Add(ques);
                _db.SaveChanges();
                return RedirectToAction("Index", "QPad");
            }
            else
            {
                return View(ques);
            }
        }

I want to add editor for question text and options, I use

<div class="editor-label">
            @Html.LabelFor(model => model.QuestionText)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.QuestionText)
            @Html.ValidationMessageFor(model => model.QuestionText)
        </div>
/// ?????What for  4 Options boxes///////?

I am not able to add option boxes. Am I using correct approach in models or should I change something ?

or can I customize that user itself select how much options he wants to add ?

Please suggest ?

VJAI · Accepted Answer · 2012-06-27 03:38:19Z

1

If the use is always allowed to add four options then I may try something like this.

<div class="editor-label">
  @Html.LabelFor(model => model.QuestionText)
</div>
<div class="editor-field">
  @Html.EditorFor(model => model.QuestionText)
   @Html.ValidationMessageFor(model => model.QuestionText)
</div>
@for(int i = 0; i < 4; i++)
{
  <div class="editor-field">
     @Html.EditorFor(model => model.AnswerOption[i])
     @Html.ValidationMessageFor(model => model.AnswerOption[i])
  </div>
}

edited Jun 27, 2012 at 3:38

answered Jun 27, 2012 at 3:26

VJAI

32.9k23 gold badges108 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Man8Blue Over a year ago

i tired this one but the IList<> items are saved no where...Although its working but not saved anywhere. The DB table for Question(ID, QuestionText, QPad_ID)...so what about IList<> items in DB?

VJAI Over a year ago

Can you post the controller action where you are saving?

Kane · Accepted Answer · 2012-06-27 04:29:48Z

0

When you say "option boxes" I assume you mean radio buttons. If so then you can use the RadioButton Html helper, something like this.

<div class="editor-field">
    @foreach(var myValue in Model.AnswerOptions) {
        @Html.RadioButton("NAME_OF_LIST_FOR_ANSWERS", myValue)
    }
</div>

answered Jun 27, 2012 at 4:29

Kane

16.8k11 gold badges67 silver badges95 bronze badges

Comments

ckonig · Accepted Answer · 2012-06-27 06:53:44Z

0

You might think about adding an AnswerOption Entity to your data model, so you can define, how many options each question has.

Then you could do something like

foreach(var option in model.options){
 @Html.EditorFor(option);
 @Html.ValidationMessageFor(option);
}

answered Jun 27, 2012 at 6:53

ckonig

1,2442 gold badges17 silver badges29 bronze badges

1 Comment

Man8Blue Over a year ago

its not option box(radio button) its text boxes

Collectives™ on Stack Overflow

How to add IList<> in ASP.NET MVC model?

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related