This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!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