JqueryUI dialog函數的基本用法

客戶端：    

var dialog = $("#classifications").dialog({
        autoOpen: false,
        width: 800,
        position: { my: "center", at: "center", of: window },
        buttons: {
            'Save': function () {
                var formData = $("#showClassificationForm").serialize();
                $.ajax({
                    type: "POST",
                    data: formData,
                    url: '{{ add_classification_to_maunscript_path(hash_key) }}',
                    success: function(msg) {
                        $(".list-clsfi").html(msg);
                    }
                });
                $("#classifications").dialog('close');
            }
        }
    });
    $("#addClassification").on('click', function(e) {
        e.preventDefault();
        $.get('{{ list_classifications_path(hash_key) }}', function(msg) {
            dialog.dialog('open').html(msg);
        });
    });

服務器端：

   /**
     * List all classifications
     *
     * @param string $hash_key
     */
    public function listClassificationsAction($hash_key)
    {
        $manuscript = $this->getManuscriptByHashKey($hash_key);
        if (!$this->currentUser->isOwnerOfManuscript($manuscript) &&
            !$this->currentUser->canManageManuscript($manuscript)) {
                return $this->stopAndNoPermission();
            }
        $classifications = ClassificationRepository::getByHashKey($hash_key);
        return $this->renderSusyBundle('User:list_classifications.html.twig', array(
            'classifications' => $classifications,
            'hash_key' => $hash_key
        ));
    }