[ * 'Item 1', * ['content' => 'Item2'], * [ * 'content' => 'Item3', * 'options' => ['tag' => 'li'], * ], * ], * 'options' => ['tag' => 'ul'], * 'itemOptions' => ['tag' => 'li'], * 'clientOptions' => ['cursor' => 'move'], * )); * ``` * * @see http://api.jqueryui.com/sortable/ * @author Alexander Kochetov * @since 2.0 */ class Sortable extends Widget { /** * @var array the HTML attributes for the widget container tag. The following special options are recognized: * * - tag: string, defaults to "ul", the tag name of the container tag of this widget */ public $options = []; /** * @var array list of sortable items. Each item can be a string representing the item content * or an array of the following structure: * * ~~~ * [ * 'content' => 'item content', * // the HTML attributes of the item container tag. This will overwrite "itemOptions". * 'options' => [], * ] * ~~~ */ public $items = []; /** * @var array list of HTML attributes for the item container tags. This will be overwritten * by the "options" set in individual [[items]]. The following special options are recognized: * * - tag: string, defaults to "li", the tag name of the item container tags. */ public $itemOptions = []; /** * Renders the widget. */ public function run() { $options = $this->options; $tag = ArrayHelper::remove($options, 'tag', 'ul'); echo Html::beginTag($tag, $options) . "\n"; echo $this->renderItems() . "\n"; echo Html::endTag($tag) . "\n"; $this->registerWidget('sortable', SortableAsset::className()); } /** * Renders sortable items as specified on [[items]]. * @return string the rendering result. * @throws InvalidConfigException. */ public function renderItems() { $items = []; foreach ($this->items as $item) { $options = $this->itemOptions; $tag = ArrayHelper::remove($options, 'tag', 'li'); if (is_array($item)) { if (!isset($item['content'])) { throw new InvalidConfigException("The 'content' option is required."); } $options = array_merge($options, ArrayHelper::getValue($item, 'options', [])); $tag = ArrayHelper::remove($options, 'tag', $tag); $items[] = Html::tag($tag, $item['content'], $options); } else { $items[] = Html::tag($tag, $item, $options); } } return implode("\n", $items); } }