Yii フレームワーク開発チュートリアル Zii コンポーネント選択可能な例_PHP チュートリアル

CJuiSelectable はリストを表示できます。これは、JUI Selectable プラグインをカプセル化します。

[php]

Yii::app()->clientScript->registerCss('selectable',"

#selectable {リストスタイルタイプ: なし; パディング: 0; }

#selectable li {マージン: 2px; パディング: 4px; ボーダー: 1px 背景: #f7f7f7}

#selectable .ui-selecting { border: 1px ソリッド #fad42e }

#selectable .ui-selected { ボーダー: 1px ソリッド #fad42e; 背景: #fcefa1;}

#select-result {マージン: 0 0 10px 2px;

", '画面', CClientScript::POS_HEAD);

?>

none

$this->widget('zii.widgets.jui.CJuiSelectable',array(

'id'=>'選択可能',

'items'=>array(

'id1'=>'アイテム 1'、

'id2'=>'アイテム 2'、

'id3'=>'アイテム 3'

)、

'options'=>array(

'stop'=>'js: function(event,ui){

var result = $("#select-result").emptyempty();

$(".ui-selected", this).each(function(){

varindex = $("#selectable li").index(this);

result.append(" #" + (インデックス + 1));

});

}'

)

));

?>

Yii::app()->clientScript->registerCss('selectable',"

)

#selectable {リストスタイルタイプ: なし; パディング: 0; }

#selectable li {マージン: 2px; パディング: 4px; ボーダー: 1px 背景: #f7f7f7}

#selectable .ui-selecting { border: 1px ソリッド #fad42e }

#selectable .ui-selected { ボーダー: 1px ソリッド #fad42e; 背景: #fcefa1;}

#select-result {マージン: 0 0 10px 2px }

", '画面', CClientScript::POS_HEAD);

?>www.2cto.com

none

$this->widget('zii.widgets.jui.CJuiSelectable',array(

)

'id'=>'選択可能',

'アイテム'=>配列(

'id1'=>'アイテム 1',

'id2'=>'アイテム 2',

'id3'=>'アイテム 3'

)、

'オプション'=>配列(

'stop'=>'js: function(event,ui){

var result = $("#select-result").empty();

$(".ui-selected", this).each(function(){

varindex = $("#selectable li").index(this);

result.append(" #" + (インデックス + 1));

});

}'

)

));

?>

Javascipts を使用して選択イベントに応答します。

http://www.bkjia.com/PHPjc/477820.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/477820.html技術記事 CJuiSelectable はリストを表示できます。これは、JUI Selectable プラグインをカプセル化します。 [php] ?php Yii::app()-clientScript-regis...