我正在尝试将"SELECT2"扩展与YII一起使用。我一步一步地按照教程进行操作,但它不起作用。 自动完成的下拉列表没有出现,我在 chrome 控制台中收到此错误......
控制器代码(酒店控制器)
public function actionTitleName(){
$model =HotelEn::model()->findAll ('Title like :Title',array(':Title'=>"%".$_GET['q']."%"));
$result = array();
foreach ($model as $HotelEn){
$result[] = array(
'id'=>$HotelEn->id,
'term'=>$RoomEn->Number,
);
}
echo CJSON::encode($result);
}
视图代码 (_roomearch)
echo CHtml::beginForm(CHtml::normalizeUrl(array('Hotel/create')), 'get', array('id'=>'filter-form'))
. '<div class="row" style="width:100%;">'
. CHtml::encode('Hotel Name')
. CHtml::textField('Number',(isset($_GET['Number'])) ? $_GET['Number'] : '',array('id'=>'Number'));
$this->widget('ext.select2.ESelect2',array(
'selector' => '#Title',
'options' => array(
'allowClear'=>true,
'placeholder'=>'Select a Hotel Name',
'minimumInputLength' => 2,
'ajax' => array(
'url' => Yii::app()->createUrl('Hotel/Number'),
'type'=>'GET',
'dataType' => 'json',
'quietMillis'=> 100,
'data' => ' function(term,page) {
return {
//get im my controller
q: term,
};
}',
'results'=>'function(data,page) { return {results: data, more:more }; }',
),
),
));
echo '</div>'
我今天遇到了同样的问题。 我在浏览器控制台中收到"未捕获的类型错误:对象 [对象对象] 没有方法'select2'"错误消息,以及有关我引用的另一个.js文件中已弃用方法的警告 (http://code.jquery.com/jquery-1.9.1.js)。 原来我什至没有使用它!所以我删除了引用它的脚本,删除了警告。
修复警告使我的 select2 问题消失了。
一些事情可以帮助您跟踪问题所在。
- 您是否能够让 select2 在最微不足道的情况下工作?(从页面中删除其他所有内容,仅使用 select2 下拉列表来确保您的 select2 库正常工作)
- 如果你能让#1工作,我敢打赌你在另一个文件中有一些javascript,这会干扰你的select2下拉列表。一次禁用一个其他 js 功能,以查看哪个是罪魁祸首。
- 祝你好运! 密切关注您的控制台和网络选项卡,以确保您的 JS 库正在加载并且没有错误或警告。
您的
文本字段的id
和 select2 的selector
不匹配。应将selector
更改为#TitleName
或将文本字段id
更改为Title
。