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
       ));
   }