Home  >  Article  >  php教程  >  Yii Framework 开发教程Zii组件-Sortable示例

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

WBOY
WBOYOriginal
2016-06-13 10:54:011322browse

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',

),

));

?>

 

 

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn