Want more features on Pastebin? Sign Up, it's FREE!
Guest

transfer data from view to controller and back to view

By: a guest on Apr 1st, 2012  |  syntax: None  |  size: 7.53 KB  |  views: 8  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--Content_Resultat-->
  2. <div class="content_resultat">
  3.     <div class="header">
  4.         <div class="header_top">
  5.             <div class="centerheader">
  6.             <a href="#">retournez √† l'√©tape en cours</a>
  7.             </div>
  8.         </div>
  9.         <div class="header_bottom">
  10.         <ul class="centerlist">
  11.             <li><a href="#"><span>1</span> votre piece</a></li>
  12.             <li><a href="#"><span>2</span> votre exigence</a></li>
  13.             <li><a href="#"><span>3</span> vos autre apareils</a></li>
  14.             <li><a href="#"><span>4</span> votre utilisation</a></li>
  15.         </ul>
  16.     </div>
  17.     </div>
  18.     <div class="barre_titre">
  19.         <a href="#">
  20.             pour vous, lg vous propose
  21.         </a>
  22.         <div class="print">
  23.             <a href="#">imprimer la liste</a>
  24.         </div>
  25.     </div>
  26.     <div id="container">
  27.     <?php echo CHtml::beginForm();?>
  28.         <div class="onglet">
  29.             <ul class="menu">
  30.                  <?php $i = 1;
  31.                     foreach ($data as $categorie) {?>
  32.                     <li class="active">
  33.                      <div class="onglet<?php echo $i;?>">
  34.                         <img alt="no-picture" src="<?php echo $categorie->image;?>" />
  35.                         <h4><?php echo CHtml::ajaxLink(
  36.                         $categorie->titre,
  37.                             Yii::app()->createUrl('getproduit'),
  38.                             array('type'=>'POST',
  39.                                 'dataType' =>'json',
  40.                                 'enableAjaxValidation'=>true,
  41.                                 'update'=>'#carousel_container .contentWrapper #carousel_inner',
  42.                                 'data'=>'js:jQuery(".menu li h4 a").serialize()',
  43.                                 'success'=>'function(data){ $("#carousel_container li").text(data);}',
  44.  
  45.                                 'error'=>'function(a,b,c){alert(b)}'
  46.                   ));?></h4>
  47.                      </div>
  48.                     </li>  
  49.  
  50.                 <?php $i++; }?>
  51.             </ul>
  52.         </div>
  53.     </div>
  54.  
  55.     <div class="carousel_tv" id="carousel_container">
  56.  
  57.             <div class="contentWrapper">
  58.                 <div id="carousel_inner">
  59.                     <ul id="carousel_ul">
  60.                         <li>
  61.                             <div class="carousel_pic">
  62.                                 <img alt="no-picture" src="images/image1.png" />
  63.                                 <div>
  64.                                     <h3>gamme le5510</h3>
  65.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius nulla eu neque porttitor in mattis lectus pulvinar. </p>
  66.                                 </div>
  67.                             </div>
  68.                         </li>
  69.                         <li>
  70.                             <div class="carousel_pic">
  71.                                 <img alt="no-picture" src="images/image2.png" />
  72.                                 <div>
  73.                                     <h3>gamme le5510</h3>
  74.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius nulla eu neque porttitor in mattis lectus pulvinar. </p>
  75.                                 </div>
  76.                             </div>
  77.                         </li>
  78.                         <li>
  79.                             <div class="carousel_pic">
  80.                                 <img alt="no-picture" src="images/image3.png" />
  81.                                 <div>
  82.                                     <h3>gamme le5510</h3>
  83.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius nulla eu neque porttitor in mattis lectus pulvinar. </p>
  84.                                 </div>
  85.                             </div>
  86.                         </li>
  87.                         <li>
  88.                             <div class="carousel_pic">
  89.                                 <img alt="no-picture" src="images/image1.png" />
  90.                                 <div>
  91.                                     <h3>gamme le5510</h3>
  92.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius nulla eu neque porttitor in mattis lectus pulvinar. </p>
  93.                                 </div>
  94.                             </div>
  95.                         </li>
  96.                         <li>
  97.                             <div class="carousel_pic">
  98.                                 <img alt="no-picture" src="images/image2.png" />
  99.                                 <div>
  100.                                     <h3>gamme le5510</h3>
  101.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius nulla eu neque porttitor in mattis lectus pulvinar. </p>
  102.                                 </div>
  103.                             </div>
  104.                         </li>
  105.                         <li>
  106.                             <div class="carousel_pic">
  107.                                 <img alt="no-picture" src="images/image3.png" />
  108.                                 <div>
  109.                                     <h3>gamme le5510</h3>
  110.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius nulla eu neque porttitor in mattis lectus pulvinar. </p>
  111.                                 </div>
  112.                             </div>
  113.                         </li>
  114.                         <li>
  115.                             <div class="carousel_pic">
  116.                                 <img alt="no-picture" src="images/image1.png" />
  117.                                 <div>
  118.                                     <h3>gamme le5510</h3>
  119.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius nulla eu neque porttitor in mattis lectus pulvinar. </p>
  120.                                 </div>
  121.                             </div>
  122.                         </li>
  123.                         <li>
  124.                             <div class="carousel_pic">
  125.                                 <img alt="no-picture" src="images/image2.png" />
  126.                                 <div>
  127.                                     <h3>gamme le5510</h3>
  128.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius nulla eu neque porttitor in mattis lectus pulvinar. </p>
  129.                                 </div>
  130.                             </div>
  131.                         </li>
  132.                         <li>
  133.                             <div class="carousel_pic">
  134.                                 <img alt="no-picture" src="images/image3.png" />
  135.                                 <div>
  136.                                     <h3>gamme le5510</h3>
  137.                                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius nulla eu neque porttitor in mattis lectus pulvinar. </p>
  138.                                 </div>
  139.                             </div>
  140.                         </li>
  141.                     </ul>
  142.                 </div>
  143.                 <div>
  144.                     <h1>No Content</h1>
  145.                 </div>
  146.                 <div>
  147.                     <h1>No Content</h1>
  148.                 </div>
  149.             </div>
  150.  
  151.         </div>
  152.     </div>
  153. <?php echo CHtml::endForm();?>
  154.        
  155. public function actionGetproduit(){
  156.     $obj_produit = new Gamme();
  157.     $produits = $obj_produit->get_produits('tv');
  158.  
  159.     foreach ($produits as $data){
  160.  
  161.         echo CHtml::tag('produit',array('style'=>'display:block'),CHtml::encode($data),true);
  162.  
  163.  
  164.     }
  165.        
  166. array('success'=>'js:function(data) {
  167.  jQuery("div#status").html(data);
  168. }
clone this paste RAW Paste Data