Обычно я очень мало работаю на стороне html приложения, потому что по большей части я просто позволяю этому генерировать для меня.
Я работаю над приложением для блога с сообщениями и комментариями к сообщениям. Что я хочу сделать, так это при создании нового сообщения, я должен иметь возможность добавлять существующие теги в новое сообщение. Я пытаюсь использовать Select2, но я не могу понять, как сделать выбранные значения переданы методу Create в пост-контроллере, чтобы они могли быть сохранены в базе данных.
Вот что я работаю с:
namespace Blog.Data.Entities
{
public class Post
{
public virtual long PostId { get; set; }
-------------------
public virtual ICollection<Tag> Tags { get; set; }
}
public class Tag
{
public virtual long TagId { get; set; }
public virtual string Name { get; set; }
public virtual string Description { get; set; }
}
}
Почтовый контроллер
// POST: /Post/Create
[HttpPost]
public ActionResult Create(PostsCreateViewModel postModel)
{
if (ModelState.IsValid)
{
Post post = new Post
{
Title = postModel.Title,
Body = postModel.Body,
PostDate = _dateTime.UtcNow
};
foreach (var tag in postModel.Tags)
{
post.Tags.Add(_tagRepository.GetTag(tag.TagId));
}
_postRepository.SavePost(post);
return RedirectToAction("Detail");
}
return View(postModel);
}
Я успешно загружаю данные с удаленного компьютера с помощью: кода Json
<script type="text/javascript">
$(document).ready(function () {
$("#tags").select2(
{
placeholder: "Select a Tag",
minimumInputLength: 1,
multiple: true,
maximumSelectionSize: 5,
ajax: {
url: '@Url.Action("SearchTag", "Post")',
dataType: 'json',
data: function (term, page) {
return {
searchTerm: term,
page_limit: 10,
page: page,
};
},
results: function (data, page) {
var more = (page * 10) < data.total;
return { results: data, more: more };
}
}
});
});
</script>
Вид: обычно у меня было бы что-то вроде
<div class="form-group">
@Html.LabelFor(model => model.Title, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title)
</div>
</div>
Как написать аналогичный html для текстового поля тега, чтобы при нажатии кнопки "Сохранить" все сохраняется в соответствующих таблицах?
В настоящее время у меня есть это только для select2:
<div class="form-group">
@Html.LabelFor(model => model.Tags, new { @class = "control-label col-md-2" })
<div class="col-md-10">
<input id="tags" style="width: 300px" />
@Html.ValidationMessageFor(model => model.Tags)
</div>
</div>
Что производит: