程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> Yii Framework 開發教程Zii組件-SliderInput示例

Yii Framework 開發教程Zii組件-SliderInput示例

編輯:關於PHP編程

CJuiSliderInput 顯示一滑動條,它也封裝了 JUI slider插件,可以用在Form中作為用戶輸入UI組件。   基本用法如下:     [php]   <div class="form">   <?php $form=$this->beginWidget('CActiveForm'); ?>          <?php echo $form->errorSummary($model); ?>       <?php $this->widget('zii.widgets.jui.CJuiSliderInput', array(       'model'=>$model,       'attribute'=>'size',       'name'=>'my_slider',       'value'=>50,       'event'=>'change',       'options'=>array(                   'min'=>0,                   'max'=>100,                   'slide'=>'js:function(event,ui){$("#amount").text(ui.value);}',                   ),               'htmlOptions'=>array(                   'style'=>'width:200px; float:left;'                   ),    )); ?>      <div id="amount" style="margin-left:215px;">50</div>       <div class="row submit">           <?php echo CHtml::submitButton('Submit'); ?>       </div>      <?php $this->endWidget(); ?>   </div><!-- form -->     <div class="form"> <?php $form=$this->beginWidget('CActiveForm'); ?>       <?php echo $form->errorSummary($model); ?>    <?php $this->widget('zii.widgets.jui.CJuiSliderInput', array(   'model'=>$model,   'attribute'=>'size',   'name'=>'my_slider',   'value'=>50,   'event'=>'change',   'options'=>array(   'min'=>0,   'max'=>100,   'slide'=>'js:function(event,ui){$("#amount").text(ui.value);}',   ),   'htmlOptions'=>array(   'style'=>'width:200px; float:left;'   ),  )); ?>   <div id="amount" style="margin-left:215px;">50</div>     <div class="row submit">         <?php echo CHtml::submitButton('Submit'); ?>     </div>   <?php $this->endWidget(); ?> </div><!-- form -->   用戶提交後,使用result.php來顯示用戶輸入的值,這裡定義DataModel如下:       [php]   class DataModel extends CFormModel   {       public $size;          public function rules()       {           return array(               array('size', 'safe'),           );       }   }     class DataModel extends CFormModel { public $size;   public function rules() { return array( array('size', 'safe'), ); } }   修改SiteController的indexAction方法:       [php]   public function actionIndex()   {          $model=new DataModel();       $model->size=50;       if(!emptyempty($_POST['DataModel']))       {           $model->attributes=$_POST['DataModel'];              if($model->validate())           {               $this->render('result', array(                   'model' => $model,                      ));               return;           }          }          $this->render('index', array(               'model' => $model,                  ));   }     public function actionIndex() {   $model=new DataModel(); $model->size=50; if(!empty($_POST['DataModel'])) { $model->attributes=$_POST['DataModel'];   if($model->validate()) { $this->render('result', array( 'model' => $model,   )); return; }   }   $this->render('index', array( 'model' => $model,   )); } 201212129009

  

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved