Попытка создать зависимый комбинированный список в yii, используя ajax

Question

Попытка создать зависимый комбинированный список в yii, используя ajax

Я пытаюсь создать зависимую систему со списком в моем приложении Yii.
Первый комбинированный список заполняется состояниями, а второй динамически генерируется с помощью Аякса а также renderPartial () метод.
Код ниже:

Посмотреть

<?php
$this->widget('ext.combobox.EJuiComboBox', array(
'model' => $adMulti,
'attribute' => 'state_id',
// data to populate the select. Must be an array.
'data' => CHtml::listData(State::model()->findAll(), 'id', 'name'),
'assoc' => true,
// options passed to plugin
'options' => array(
// JS code to execute on 'select' event, the selected item is
// available through the 'item' variable.
'onSelect' => 'getCities(item.value);',
// If false, field value must be present in the select.
// Defaults to true.
'allowText' => false,
),
// Options passed to the text input
'htmlOptions' => array(
'style' => 'height: 36px',
),
));
?>
<script type="text/javascript">
function getCities(state) {
$.ajax({
url: '<?php echo $this->createUrl('ad/ajaxCities'); ?>',
data: {state_name: state},
type: 'POST',
success: function (data) {
$('#city_id-carrier').html(data);
}
});
}
</script>
<div id="city_id-carrier" class="textboxes"></div>

AdController

public function actionAjaxCities()
{
$stateName = isset($_POST['state_name']) ? $_POST['state_name'] : FALSE;
if ($stateName) {
$state = State::model()->findByAttributes(array(
'name' => $stateName
));
$stateId = $state->id;
$cities = City::model()->findAllByAttributes(array(
'state_id' => $stateId
));
$this->renderPartial('_cities', array(
'cities' => $cities,
'stateId' => $stateId
), FALSE, TRUE
);
}
}

_cities.php

<?php
$this->widget('ext.combobox.EJuiComboBox', array(
'model' => AdMulti::model(),
'attribute' => 'city_id',
// data to populate the select. Must be an array.
'data' => CHtml::listData($cities, 'id', 'name'),
'assoc' => true,
// options passed to plugin
'options' => array(
// JS code to execute on 'select' event, the selected item is
// available through the 'item' variable.
// 'onSelect' => 'getLocalities(item.value);',
// If false, field value must be present in the select.
// Defaults to true.
'allowText' => false,
),
));
?>

Код работает и создает комбобокс впервые. Но когда я меняю значение в государство комбобокс, происходит нечто странное. Новый комбинированный список создан, но показанные значения все еще из первого сгенерированного комбинированного списка.
Я получаю сообщение об ошибке «TypeError: this.input не определено» в консоли Firebug.

Я пытался создать уникальный идентификатор для combobox, используя uniqid () но это не влияет на идентификатор Выбрать элемент списка.

Если я изменю

$('#city_id-carrier').html(data)

в

$('#city_id-carrier').append(data)

это работает хорошо, но с несколькими сгенерированными combobox.

Любые идеи / предложения, чтобы сделать эту работу?

0

ajax combobox php yii yii-extensions

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Я нашел решение, чтобы заставить это работать. Вместо того, чтобы создавать комбинированный список динамически, поместите комбинированный список один раз, а затем динамически заполняйте его при каждом запросе. Так же, как зависимый выпадающий.
Поле со списком представляет собой комбинацию раскрывающегося списка и текстового поля. Итак, запишите идентификатор скрытого выпадающего списка и обновите его при обновлении AJAX.

Код:

Посмотреть:

<?php
$this->widget('ext.combobox.EJuiComboBox', array(
'model' => $adMulti,
'attribute' => 'state_id',
// data to populate the select. Must be an array.
'data' => CHtml::listData(State::model()->findAll(), 'id', 'name'),
'assoc' => true,
// options passed to plugin
'options' => array(
// JS code to execute on 'select' event, the selected item is
// available through the 'item' variable.
'onSelect' => 'getCities(item.value);',
// If false, field value must be present in the select.
// Defaults to true.
'allowText' => false,
),
));
?>
<script type="text/javascript">
function getCities(state) {
$.ajax({
url: '<?php echo $this->createUrl('ad/ajaxCities'); ?>',
data: {state_id: state},
type: 'POST',
beforeSend: function() {
$('#AdMulti_city_id_combobox').val(''); // emptying textbox in case a value is previously selected.
},
success: function (data) {
$('#AdMulti_city_id').html(data); // populating the hidden dropdown.
}
});
}
</script>
<?php
$this->widget('ext.combobox.EJuiComboBox', array(
'model' => $adMulti,
'attribute' => 'city_id',
// data to populate the select. Must be an array.
'data' => CHtml::listData(array(''), 'id', 'name'),
'assoc' => true,
// options passed to plugin
'options' => array(
'allowText' => false,
),
));
?>

AdController

    public function actionAjaxCities()
{
$stateName = isset($_POST['state_id']) ? $_POST['state_id'] : FALSE;
if ($stateName) {
$state = State::model()->findByAttributes(array(
'name' => $stateName
));
$cities = City::model()->findAllByAttributes(array(
'state_id' => $state->id
));
$data = CHtml::listData($cities, 'id', 'name');
foreach ($data as $id => $name) {
echo CHtml::tag('option', array('value' => $id),
CHtml::encode($name), TRUE);
}
}
}

0