2017-01-27 3 views
1

Я использую плагин jQuery.JQuery выбранный плагин потерял стиль после ответа Spring MVC

У меня есть форма, в которой пользователь может выбрать один из доступных вариантов. Но когда я отправляю форму и перезагружаю div, содержащий элемент select, стиль заканчивается потерянным, а элемент select становится классическим. После некоторого расследования я понял, что содержание html (до и после публикации) сильно отличается.

Вот содержание.

Прежде чем представить, что это HTML генерируется

<div class="form-group " id="some"> 
<div> 
    <select id="id" class="form-control"> 
     <option value="">Select...</option> 
     <option value="1">Option1</option> 
     <option value="2">Option2</option> 
     <option value="3">Option3</option>  
    </select> 

<div class="chosen-container chosen-container-single" style="width: 40px; min-width: 0px;" title="" id="id_chosen"> 
    <a class="chosen-single" tabindex="-1"> 
     <span class="chosen-single-content">Select...</span>    
    </a> 

    <ul class="chosen-results"> 
     <li class="active-result result-selected" style="">Select...</li> 
     <li class="active-result">Option1</li> 
     <li class="active-result">Option2</li> 
     <li class="active-result">Option3</li> 

    </ul> 
    </div> 
</div> 

после вызова службы, я получаю обратно и HTML-код, где содержание DIV, содержащий элемент выбора не похож на начальный.

Здесь

<div class="form-group " id="wrapper_idrefAddAtcd" style=""> 
<div> 
    <select id="id" class="form-control"> 
     <option value="">Sélect...</option> 
     <option value="1">Option1</option> 
     <option value="2">Option2</option> 
     <option value="3">Option3</option>  
    </select> 
</div> 

Как вы можете видеть только первая часть выбора elemet визуализируется. Я не знаю, куда ушла вторая часть. Кто-нибудь может понять, что здесь происходит?

ответ

0

После того, как вы обновите содержимое своего элемента select, вам необходимо выполнить trigger an update событие для плагина, чтобы отобразить его заново.

$("#form_field").trigger("chosen:updated"); 
+0

Конечно, я пробовал это, но ничего не изменилось. Сохранение данных в этом вызове ajax содержит элемент select без стиля желания. $ .ajax ({ типа: "POST", URL: мой URL, успех: функция (данные) { оповещения (данные); } }); }); Когда я обновляю свою страницу, все в порядке. Я вижу элемент select с желаемым стилем. Но когда я отправляю страницу, все мои проблемы могут начаться тогда .... –

+0

Это где-то живое? –

+0

Конечно нет. лол. –