1. 首页
  2. 考试认证
  3. 其它
  4. 如何使用YiiBootstrapDualListBox插件

如何使用YiiBootstrapDualListBox插件

上传者: 2024-10-27 07:03:47上传 ZIP文件 11.96KB 热度 4次

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:指定展示的选项内容。

此插件适用于需要用户从两个列表框中选择多个选项的情况,操作直观,方便实用。

下载地址
用户评论