Framework de développement PHP Tutoriel Yii Framework (40) Exemple de composant Zii-SliderInput

黄舟
Libérer: 2023-03-05 09:34:01
original
1519 Les gens l'ont consulté

CJuiSliderInput affiche un curseur, qui encapsule également le plug-in de curseur JUI et peut être utilisé dans un formulaire en tant que composant d'interface utilisateur de saisie utilisateur.

L'utilisation de base est la suivante :

beginWidget('CActiveForm'); ?>
 
errorSummary($model); ?>
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;'),
));
 ?>
50
endWidget(); ?>
Copier après la connexion

Une fois que l'utilisateur a soumis, utilisez result.php pour afficher la valeur saisie par l'utilisateur. Le DataModel est défini ici comme suit : <🎜. >

class DataModel extends CFormModel{public $size;
public function rules(){return array(array(&#39;size&#39;, &#39;safe&#39;),);}}
Copier après la connexion
Modifier la méthode indexAction de SiteController :

public function actionIndex(){
$model=new DataModel();
$model->size=50;
if(!emptyempty($_POST[&#39;DataModel&#39;])){
$model->attributes=$_POST[&#39;DataModel&#39;];
if($model->validate()){
$this->render(&#39;result&#39;, array(&#39;model&#39; => $model,));
return;}
}
$this->render(&#39;index&#39;, array(&#39;model&#39; => $model,
));}
Copier après la connexion
Ce qui précède est le contenu du tutoriel du cadre de développement PHP Yii Framework (40) Exemple de composant Zii-SliderInput Pour plus de contenu connexe, veuillez payer. attention au site PHP chinois (www.php.cn) !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal