CJuiSortable

$this->widget('zii.widgets.jui.CJuiSortable',array(
    'items'=>array(
        'id1'=>'Item 1',
        'id2'=>'Item 2',
        'id3'=>'Item 3',
    ),
    // additional javascript options for the JUI Sortable plugin
    'options'=>array(
        'delay'=>'300',
    ),
));

Подробное описание свойств

itemTemplate свойство

public string $itemTemplate;

шаблон, используемый для генерации каждого элемента сортировки. Токен "{content}" в шаблоне будет заменён содержимым элемента, а "{id}" — идентификатором элемента.

items свойство

public array $items;

список элементов сортировки (id=>содержимое элемента). Обратите внимание, что содержимое элементов не будет кодироваться в HTML.

tagName свойство

public string $tagName;

имя контейнерного элемента, содержащего все элементы. По умолчанию 'ul'.

Подробное описание методов

run() метод

public void run()

public function run()
{
    $id=$this->getId();
    if(isset($this->htmlOptions['id']))
        $id=$this->htmlOptions['id'];
    else
        $this->htmlOptions['id']=$id;

    $options=CJavaScript::encode($this->options);
    Yii::app()->getClientScript()->registerScript(__CLASS__.'#'.$id,"jQuery('#{$id}').sortable({$options});");

    echo CHtml::openTag($this->tagName,$this->htmlOptions)."\n";
    foreach($this->items as $id=>$content)
        echo strtr($this->itemTemplate,array('{id}'=>$id,'{content}'=>$content))."\n";
    echo CHtml::closeTag($this->tagName);
}

Запустите этот виджет. Этот метод регистрирует необходимый JavaScript и рендерит необходимый HTML-код.