【问题标题】:cakephp elements and Ajax updatecakephp 元素和 Ajax 更新
【发布时间】:2011-05-24 08:37:04
【问题描述】:

这就是我想要实现的目标......

我有一个索引视图,其中我使用了 ajax 助手,而不是 cakephp 助手,而是来自 http://www.cakephp.bee.pl/ 的外部助手

我已经使用这个助手成功地创建了一个手风琴。

现在在手风琴内部我有一个添加按钮,它通过 ajax 提交表单。

我想做的是当我提交 ajax 表单时。我还想更新手风琴。 现在手风琴也是使用 ajax 助手创建的。

这可以在不刷新页面的情况下完成吗

ajax 提交表单代码:

    <div class="qnotesform">
<?php echo $this->Form->create('Qnote');?>
<ul class="qnotelist">
<li><?php   echo $this->Form->input('Qnote.subject', array('label'=>'Title', 'rows' => '1')); ?></li>
<li>    <?php   echo $this->Form->input('Qnote.body', array('label'=>'Header', 'rows' => '1')); ?></li> 
<?php   echo $this->Form->hidden('Qnote.user_id', array('value'=>Authsome::get('id'))); ?>
<?php   echo $this->Form->hidden('Step.0.user_id', array('value'=>Authsome::get('id'))); ?>
<li><?php   echo $this->Form->input('Step.0.body', array('label'=>'Steps' ,'class' => 'step',  'rows' => '1')); ?></li>
</ul>

<?php echo $ajax->submit(
'Submit', array(
'url' => array(
'controller'=>'qnotes',
'action'=>'add')
)); 

我怎样才能做到这一点。 有人可以指点我正确的方向

我想澄清的另一件事是。如果我想工作一页。和所有的杂物 无需刷新页面即可使用的操作。

有没有人有上述 senarios 的工作示例。 或者让我把它简单化。 如何在不刷新页面的情况下刷新 div。

解决方案:

代码

    <?php echo $ajax->submit('Submit', array(
'url'=> array(
'controller'=>'qnotes',
'action'=>'add'),
'update'=>'leftdiv',
'after'=>'$("#accordion").accordion({autoHeight: false, collapsible: true , header: "h3"});alert("after");',
)); 

但是现在我现在面临另一个问题, 我正在更新手风琴,一切正常,但只要更新手风琴。 手风琴失去了它的风格等级并停止工作。 那时我只看到链接。任何想法如何。

【问题讨论】:

    标签: ajax cakephp helper elements


    【解决方案1】:

    提交方法的数组中的一个选项似乎是“完成”,这应该允许您触发一个 js 函数来更新您的手风琴:

    <?php echo $ajax->submit(
    'Submit', array(
    'url' => array(
    'controller'=>'qnotes',
    'action'=>'add',
    'complete' => 'updateAccordian(request.responseText)')
    ));
    

    reuqest.responseText 将包含来自您的控制器/操作的响应。

    HTH

    【讨论】:

    • 谢谢。好吧,我设法让那个 ajax 更新手风琴......使用下面的代码。以防其他人需要参考它。已更新问题
    • 但是现在我面临另一个问题,我正在更新手风琴,一切正常,但只要更新手风琴。手风琴失去了它的风格等级并停止工作。那时我只看到链接。知道怎么做。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-03-15
    • 1970-01-01
    • 1970-01-01
    • 2010-12-17
    • 1970-01-01
    • 1970-01-01
    • 2013-08-31
    相关资源
    最近更新 更多