Question

好吧所以我正在使用蛋糕PHP 2.0 ..刚开始使用它，所以我是一个总菜鸟。我想使用对话框来显示应用程序的一些消息，这样我就可以为jquery UI包含必要的javascript文件和css。

但是当我定义函数时，当我查看源代码时，它不起作用，我定义函数的脚本块看起来不完整，因为结束标记''没有突出显示。我希望我有意义。这是代码片段：

<script>
$(function() {
    $( "#dialog" ).dialog();
});
</script>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

在'index.ctp'中。我确定js源文件已正确加载我从jqueryUi网站上找到了它。如果有人可以帮助我开始在cakePHP2.0中编写javascript，我将非常感激。万分感谢

Answer 1

您应该考虑使用蛋糕的block或Element“迷你视图。”因为我会使用一个元素。

在app / view / Elements / loginDialog.ctp中输入类似的内容。我将在下一节中解释变量的十分位置。

<div id="dialog" title="Basic dialog">
 <?php echo $this->Form->create($ModelName); ?>
 <?php
     $this->Form->input('username');
     $this->Form->input('password');
   ?>
 <?php $this->Form->end('Login'); ?>      
</div>

在你的app / View / ControllerName / action_name.ctp中，包含这样的内容。请注意，我能够传入变量（就像我用于第一个Form参数的那个）。

 //in the view file
 echo $this->element('loginDialog', array('ModelName'=>'User'));

最后你需要添加js。您可以将其放在app / View / Layout / default.ctp中。我们只是说你的导航中有一个你想要触发这个对话框的登录链接：

<script>
$(document).ready(function(){
  $("#loginNavLink").on("click", function(event){
    $('#dialog').dialog();
  });      
})
</script>

希望这有帮助！

Cakephp 2.0实现了jquery UI

1 个答案: