Визуализация частичной формы в диалоге jQuery

Question

Большинство из вас, вероятно, знают Nerddinner.com, и моя страница очень похожа на это, поэтому давайте представим, что делаем это с Nerddinner.

При редактировании обеда вы будете перенаправлены в Dinners / Edit.aspx и представлены в частичном представлении DinnerForm.ascx типа DinnerFormViewModel.

Что если вы не хотите, чтобы DinnerForm был представлен в диалоге jQuery UI?

Я думаю: на странице, где вы решите редактировать ужин, у вас будет div, содержащий частичное представление DinnerForm:

<div id="editDinnerForm">
    <% Html.RenderPartial("DinnerForm", chosenDinnerToEdit); %>
</div>

Таким образом, когда вы выбираете ужин для редактирования, этот div представляется в виде диалогового окна jQuery UI, а выбранный ужин передается в частичное представление. (?!)

У меня вопрос, как я могу заполнить частичное представление текущего ужина для редактирования?

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

Answer 1

Я не уверен, правильно ли я понял вашу проблему, почему вы не можете просто загрузить частичное представление через Ajax в ваш документ? В этом случае у вас просто будет что-то вроде этого:

<select onchange="$('#editDinnerForm').load(<url>,{dinner:this.value});">
    <option>Dinner1</option>
    <option>Dinner2</option>
</select>

Вы также можете легко кэшировать эти запросы, чтобы вам не приходилось рендерить эти частичные формы снова и снова ....