нужны некоторые рекомендации в реализации диалогового окна

Question

У меня есть вид cakephp (index.ctp), где у меня есть кнопка редактирования. На кнопке редактирования я хочу открыть диалоговое окно jquery с тем, что у меня есть в edit.ctp. (В настоящее время, если я иду в edit.ctp, она работает нормально, но я пытаюсь использовать диалоговое окно/модель, так что пользователь остается на той же странице)

Это то, что у меня в index.ctp

<td> 

       <?php echo $this->Html->link($team['Company']['name'], array('action' => 'edit_reload','team_id'=>$team['Team']['id']), array('id'=>"dialog_link", 'class'=>"ui-state-default ui-corner-all"));?> 

      </td> 

<div id="dialog" title="Dialog Title"> 


</div> 

Теперь, когда ссылка была нажата, я хочу показать здесь содержимое edit_reload.ctp. Я полностью измучен, поэтому любая помощь будет оценена спасибо

Answer 1

В отдельном JS-файле напишите следующий код и добавьте свои значения в переменные и включите JS-файл в ваш .ctp-файл.

$(document).ready(function() { 
    $myWindow = $('#dialog'); 
    //instantiate the dialog 
$myWindow.dialog({ height: 250, 
     width: 200, 
     modal: true, 
     position: 'center', 
     autoOpen:false, 
     title:'', 
     overlay: { opacity: 0.5, background: 'black'} 
}); 
    $J("#dialog_link").click(showDialog); 
    });// end (document).ready 


    var showDialog = function() { 
    var team_id = ''; 
    var url  = '/controller/action/' + team_id;//Apply path to controller, action 
    $.post(url, function(res) { 
    $myWindow.dialog({ 
    title:'Give Title' 
}); 
    $('#dialog').html(res); 
    $myWindow.show(); 
    }); 
    }  

В .ctp файла используйте ссылку следующим образом-

echo $this->Html->link($team['Company']['name'],'#', array('id'=>"dialog_link", 'class'=>"ui-state-default ui-corner-all")); 

меня показать вам example.You также может написать код JS в файле .ctp также.