知识屋:更实用的电脑技术知识网站
所在位置:首页 > 编程技术 > PHP编程

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

发布时间:2015-05-27 19:30:15作者:知识屋

CJuiSortable显示一个列表,列表中的列表项可以通过拖放重新调整顺序,它封装了 JUI Sortable插件。
 
其基本用法如下:
 
 
[php] 
<?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);  
?>  
  
<h2><?php echo Yii::t('ui','Sortable');?></h2>  
  
<?php $this->widget('zii.widgets.jui.CJuiSortable', array(  
    'id'=>'sortable',  
    'items'=>array(  
        'id1'=>'Item 1',  
        'id2'=>'Item 2',  
        'id3'=>'Item 3',  
    ),  
    'options'=>array(  
        'cursor'=>'n-resize',  
    ),  
));  
?>  
 
<?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);
?>
 
<h2><?php echo Yii::t('ui','Sortable');?></h2>
 
<?php $this->widget('zii.widgets.jui.CJuiSortable', array(
'id'=>'sortable',
'items'=>array(
'id1'=>'Item 1',
'id2'=>'Item 2',
'id3'=>'Item 3',
),
'options'=>array(
'cursor'=>'n-resize',
),
));
?>
 
 
201212129015
(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)
收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜