>  기사  >  php教程  >  Yii Framework 开发教程Zii组件-Sortable示例

Yii Framework 开发教程Zii组件-Sortable示例

WBOY
WBOY원래의
2016-06-13 10:54:011318검색

CJuiSortable显示一个列表,列表中的列表项可以通过拖放重新调整顺序,它封装了 JUI Sortable插件。

 

其基本用法如下:

 

 

[php] 

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

#sortable {list-style-type: none; margin: 0; padding: 0; width: 60%;}  

#sortable li {margin: 2px; padding: 4px;  

border: 1px solid #e3e3e3; background: #f7f7f7}  

", 'screen', CClientScript::POS_HEAD);  

?>  

  

 

  

widget('zii.widgets.jui.CJuiSortable', array(  

    'id'=>'sortable',  

    'items'=>array(  

        'id1'=>'Item 1',  

        'id2'=>'Item 2',  

        'id3'=>'Item 3',  

    ),  

    'options'=>array(  

        'cursor'=>'n-resize',  

    ),  

));  

?>  

 

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

#sortable {list-style-type: none; margin: 0; padding: 0; width: 60%;}

#sortable li {margin: 2px; padding: 4px;

border: 1px solid #e3e3e3; background: #f7f7f7}

", 'screen', CClientScript::POS_HEAD);

?>

 

 

widget('zii.widgets.jui.CJuiSortable', array(

'id'=>'sortable',

'items'=>array(

'id1'=>'Item 1',

'id2'=>'Item 2',

'id3'=>'Item 3',

),

'options'=>array(

'cursor'=>'n-resize',

),

));

?>

 

 

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.