使用jQuery(cakephp 2.1)向表单添加选项卡
我使用CakePHP2.1还不错;我想使用jquery将我的表单按选项卡划分。 已经在cake外部使用了jquery,并使选项卡演示正常工作使用jQuery(cakephp 2.1)向表单添加选项卡,php,jquery,cakephp-2.1,Php,Jquery,Cakephp 2.1,我使用CakePHP2.1还不错;我想使用jquery将我的表单按选项卡划分。 已经在cake外部使用了jquery,并使选项卡演示正常工作 我还将jquery从webroot文件夹和 ProjectsController.php public $helpers = array('Js' => array('Jquery')); add.ctp(在最后一行) 我应该在视图中的何处以及如何调用jquery?我知道我应该使用类似于演示的东西: <script> $
我还将jquery从webroot文件夹和 ProjectsController.php
public $helpers = array('Js' => array('Jquery'));
add.ctp(在最后一行)
我应该在视图中的何处以及如何调用jquery?我知道我应该使用类似于演示的东西:
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
$(函数(){
$(“#制表符”).tabs();
});
但我不知道在我看来在哪里做这件事和辛塔克斯
有人能帮忙吗
非常感谢
如果我的完整add.ctp
<div class="projects form">
<?php echo $this->Form->create('Project');?>
<fieldset>
<legend><?php echo __('Add Project'); ?></legend>
<?php
$arr_pr_subject = Configure::read('AR_SUBJECT');
$arr_pr_status = Configure::read('AR_STATUS');
$arr_pr_payment = Configure::read('AR_PAYMENT');
$arr_pr_country = Configure::read('AR_COUNTRY');
echo $this->Form->input('name', array('label' => 'Name:'));
echo $this->Form->input('pr_subject', array('label' => 'Subject:', 'options' => $arr_pr_subject));
echo $this->Form->input('pr_country', array('label' => 'Country:', 'options' => $arr_pr_country));
echo $this->Form->input('pr_number', array('label' => 'ASC Project Number:'));
echo $this->Form->input('pr_status', array('label' => 'Status:', 'options' => $arr_pr_status));
echo $this->Form->input('client_id', array('label' => 'Client:', 'options' => $clients));
echo $this->Form->input('pr_client_number', array('label' => 'Client Project Number:'));
echo $this->Form->input('exec_id', array('label' => 'Sales Executive:', 'options' => $execs));
echo $this->Form->input('pr_start', array('label' => 'Est. Start Date:'));
echo $this->Form->input('pr_end', array('label' => 'Est. End Date:'));
echo $this->Form->input('pr_notes', array('label' => 'Notes:'));
echo $this->Form->input('pr_payment', array('label' => 'Payment options:', 'options' => $arr_pr_payment));
?>
</fieldset>
<?php echo $this->Form->end(__('Submit'));?>
</div>
<?php
echo $this->Js->writeBuffer(); // Write cached scripts
?>
在您的
中,包括jquery和jqueryui:
<script src="/js/path/to/jquery.js" type="text/javascript"></script>
<script src="/js/path/to/jqueryui.js" type="text/javascript"></script>
然后构造表单输入以匹配jQuery选项卡语法
<form action="...">
<div id="tabs">
<ul>
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
</ul>
<div id="tab1">
<!-- Tab 1 inputs in here -->
</div>
<div id="tab2">
<!-- Tab 2 inputs here -->
</div>
</div>
</form>
谢谢你,凯尔!然而,您的示例似乎没有处理cakephp。正如您所建议的,我已经在cake之外创建了jquery选项卡。我的问题是我不知道如何在我的cakehpp表格中做这件事。你能帮我把这个放在蛋糕上吗?我已经按照说明准备了cakephp以使用jquery,只是不知道如何实际实现表单的选项卡。非常感谢,请帮忙。是的,请原谅我。我不久前离开了PHP,给出了一个通用的答案。我认为这个答案是不言自明的,即使没有CakePHP代码示例。把你的表格分成两份,谢谢Borislav;你完全正确。昨天早些时候,我不知道如何将这个解决方案合并到我的cakephp表单中。然后它点击我,从我的.ctp视图中删除所有内容,并从这里的解决方案中构建表单,与一样,它非常有效,非常重要的是,我更好地掌握了如何集成内容。今天的第一件事是选择Kyle的答案,并附上一张关于整合的便条,作为我第一次做蛋糕的人。向您致以最良好的问候,并感谢您的大力帮助。
$(function() {
$( "#tabs" ).tabs();
});
<form action="...">
<div id="tabs">
<ul>
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
</ul>
<div id="tab1">
<!-- Tab 1 inputs in here -->
</div>
<div id="tab2">
<!-- Tab 2 inputs here -->
</div>
</div>
</form>