ZendX / Jquery UI - открыть диалоговое окно по нажатию

Question

Когда пользователь нажимает кнопку удалить , я хочу, чтобы появилось диалоговое окно для подтверждения удаления. Я могу заставить диалоговое окно появляться при загрузке страницы, но у меня возникают проблемы с его отображением при нажатии кнопки:

<?php echo $this->dialogContainer(
'dialog',
'Are you sure you want to delete this postcode?',
array(
    'autoOpen'      => false,
    'draggable'     => true,
    'modal'         => true,
    'resizable'     => true,
    'title'         => 'Confirm Delete',
    'closeOnEscape' => true,
    'buttons'   => array(
        'Delete' =>  new Zend_Json_Expr('function() {
            document.location=\''.$this->url(array(
                'module'     => 'crm',
                'controller' => 'postcode',
                'action'     => 'delete' 
            ),"", true) .'\' 
        }'),
        'Cancel' => new Zend_Json_Expr('function() {
            $(this).dialog(\'close\');
        }')
    ),
),

); ?>

Есть ли что-то в dialogContainer, который позволяет это, или мне нужно создать отдельную функцию, которую я загружаю отдельно?

Спасибо.

Answer 1

Попробуй с этим

       $this->jQuery()->addOnLoad("
          $('a').click(function(){                    
             $('#dialog').dialog('open');
          });
       ");

Answer 2

То, что я делал в прошлом (используя прямой jQuery UI, без Zend), это установление события onclick, которое вызывает функцию для открытия диалога:

<a onclick='showDialog();'>clickable item</a>

Инициализация диалога вдокумент готов:

var $demoDialog;
$(document).ready(function() {
  $demoDialog= $("#demoDialog").dialog({
    autoOpen: false,
    draggable: true,
    resizable: true
    title: 'Demo Dialog'
  });
});

И добавьте функцию, чтобы открыть его:

function showDialog() {
  if (!$demoDialog.dialog('isOpen')) {
    $demoDialog.dialog('open');
  }
}