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

最新推荐文章于 2023-03-02 16:28:36 发布

在奋斗的大道

最新推荐文章于 2023-03-02 16:28:36 发布

阅读量726

点赞数

分类专栏： PHP开发框架（YII）

PHP开发框架（YII）专栏收录该内容

51 篇文章 1 订阅

订阅专栏

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

其基本用法如下：

[php] view plain copy print ?

<?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',
	),
));
?>

本例下载