如何使用YiiBootstrapDualListBox插件
YiiBootstrapDualListBox这个小部件使用了jQuery插件Bootstrap Dual Listbox。以下是使用示例:
$this->widget(
'ext.yiiBootstrapDualListBox.YiiBootstrapDualListBoxWidget',
array(
'model' => $model,
'name' => 'test',
'htmlOptions' => array(
'class' => 'test-select'
),
// jQuery插件的选项
'options' => array(
'moveOnSelect' => false
),
'data' => array(
'item1' => 'Label 1',
// 可添加更多数据项
)
)
);
在上述代码中:
-
model
:指定数据模型。 -
name
:设置表单的名称属性。 -
htmlOptions
:定义HTML属性,添加自定义类。 -
options
:控制插件行为,此例中设置moveOnSelect
为false。 -
data
:指定展示的选项内容。
此插件适用于需要用户从两个列表框中选择多个选项的情况,操作直观,方便实用。
下载地址
用户评论