Multi selectable enum - asp.net-mvc-4

Question

I am working on a tool so i can keep things organized in a game.
This is my class:
//The item
public class Item
{
public int Id { get; set; }
public string Name { get; set; }
public decimal Value { get; set; }
public ItemLabel Label { get; set; }
public ItemType Type { get; set; }
public ItemTradeType TradeType { get; set; }
public Trade Trade { get; set; }
}
The Label / Type / TradeType / Trade are enums.
View:
#model EveMonitorV2.Models.Item
#{
ViewBag.Title = "AddItem";
}
<h2>AddItem</h2>
#using (Html.BeginForm())
{
#Html.AntiForgeryToken()
#Html.ValidationSummary(true)
<fieldset>
<legend>Item</legend>
<div class="editor-label">
#Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
#Html.EditorFor(model => model.Name)
#Html.ValidationMessageFor(model => model.Name)
</div>
<div class="editor-label">
#Html.LabelFor(model => model.Value)
</div>
//What should be done here?
<div class="editor-field">
#Html.EditorFor(model => model.Value)
#Html.ValidationMessageFor(model => model.Value)
</div>
<div class="editor-label">
#Html.LabelFor(model => model.Trade)
</div>
<div class="editor-field">
#Html.CheckBoxFor()
#Html.ValidationMessageFor(model => model.Trade)
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
}
<div>
#Html.ActionLink("Back to List", "Index")
</div>
The enum has a whole list of possibilities and I want to make an Item Create view
The problem i run into:
I want to be able to select more options from the enums. (Like this)
Where the categories are my enums.
Is this possible at all in asp.net mvc 4?
(little note: I am still a student, but it isn't a school project)

Answer 1

Create View\Shared\EditorTemplates\Options.cshtml
#using System.ComponentModel.DataAnnotations
#using System.Reflection
#model Enum
#{
var name = ViewData.TemplateInfo.HtmlFieldPrefix;
var type = Model.GetType();
}
#foreach (Enum e in Enum.GetValues(type))
{
var display = type.GetField(e.ToString()).GetCustomAttribute<DisplayAttribute>();
if (display != null && (display.GetAutoGenerateField() ?? true))
{
<label class="checkbox" title="#display.GetDescription()">
<input type="checkbox" name="#name" value="#e.ToString()" checked="#Model.HasFlag(e)" />
#display.Name
</label>
}
}
your enum may be described as next:
[Flags]
public enum MyOptions
{
[Display(AutoGenerateField = false)]
None = 0,
[Display(Name = "Option 1 name")]
Opt1 = 1 << 1,
[Display(Name = "Option 2 name")]
Opt2 = 1 << 2,
[Display(Name = "Option 3 name")]
Opt3 = 1 << 3,
}
than, using:
<div class="editor-field">
#Html.LabelFor(m => m.Trade)
#Html.EditorFor(m => m.Trade, "Options")
</div>