Question

我使用Yii Booster的Select2作为下拉列表。我想允许用户输入自己的值，但我不知道如何。我想，没有配置。我想我可能会尝试这样的事情 - Select2 dropdown but allow new values by user?但我不知道如何在从php表单渲染select2时添加这个javascript。有人可以帮忙吗？谢谢

Answer 1

我认为您可以在小部件的选项中添加一个javascript函数作为选项，前缀为'js：'，例如：

$this->widget(
    'booster.widgets.TbSelect2',
    array(
        'asDropDownList' => false,
        'name' => 'clevertech',
        'options' => array(
            'tags' => array('clever', 'is', 'better', 'clevertech'),
            'placeholder' => 'type clever, or is, or just type!',
            'width' => '40%',
            'tokenSeparators' => array(',', ' ')
            'createSearchChoice' => 'js:function(term, data) {
             if ( $(data).filter( function() {
               return this.text.localeCompare(term)===0;
             }).length===0) {
               return {id:term, text:term};
             }',
           }
        )
    )
);

如需进一步调试，如果您打开TbSelect2.php，您可以看到它对选项的作用：

$options = !empty($this->options) ? CJavaScript::encode($this->options) : '';

如果你去CJavaScript :: encode函数，你可以看到它：

if(is_string($value))
{
    if(strpos($value,'js:')===0 && $safe===false)
        return substr($value,3);
    else
        return "'".self::quote($value)."'";
}

注意：我已经打开了Yii 1的CJavaScript :: encode而不是2但可能是相同的。

Yii Booster Select2 - 允许新值

1 个答案: