Carregando uma vista parcial em jquery.dialog

Eu sou completamente novo no mvc e estou tentando criar um aplicativo fictício para aprender o mvc 3. Eu trabalhei no exemplo da loja de música e agora estou tentando estendê-lo um pouco para um aplicativo do mundo real. Com o exemplo, sempre que você deseja qualquer item novo, você é redirecionado para a exibição Criar, o que é bom, porém, em vez de fazer uma postagem de página inteira, quero usar o jquery.dialog para abrir um pop-up modal que permitirá ao usuário insira um novo item.

até agora eu tenho

  <script type="text/javascript">

    $(function () {

        $('#dialog').dialog({
            autoOpen: false,
            width: 400,
            resizable: false,
            title: "hi there",
            modal: true,
            buttons: {
                "Close": function () {
                    $(this).dialog("close");
                }
            }
        });
        $('#my-button').click(function () {
        $('#dialog').dialog('open');
        });}); </script>

     <div id="dialog" title="Create Album" style="overflow: hidden;">
    @Html.Partial("_CreateAlbumPartial")</div>

Problemas com isso é que a exibição parcial é carregada toda vez que não é através do ajax, e eu realmente não sei onde devo colocar a exibição parcial. Você deve estar no local compartilhado ou na pasta com as outras visualizações? Como atualizo a classe do controlador para atender à exibição parcial?

Desculpe se estes são fáceis de fazer, im 3 dias em mvc :)

questionAnswers(2)

yourAnswerToTheQuestion