我正在使用 bootstrap-select,并且我是前端新手。我正在尝试在我的页面中实现 bootstrap 的多选组件,但是问题
我面临的是,当我将页面提交到服务器时,如果发生错误,它会从选择框中删除所有 css 类,并仅显示多选列表而不是原始组件。
我正在使用的组件是This https://github.com/silviomoreto/bootstrap-select以下是我尝试使用此组件的 jsp 代码。
<spring:bind path="userClients">
<div id="customerSelect" class="${status.error ? 'has-error' : ''}" style="margin-top:20px; margin-bottom:15px height:30px">
<form:select class="selectpicker form-control" path="userClients" multiple="multiple" name="userClients">
<c:forEach var="clientInfo" items="${clients}">
<form:option value="${clientInfo.env}">${clientInfo.env}</form:option>
</c:forEach>
</form:select>
<div class="${status.error ? 'has-error' : ''}">
<form:errors path="userClients" ></form:errors>
</div>
</div>
</spring:bind>
以下是我的 pageOnLoad 代码块:
$(document).ready(function() {
$('select').selectpicker();
});
任何帮助,将不胜感激。谢谢
我认为刷新时,CSS 类将从组件中删除,从而使其成为一个简单的多选列表。尝试添加一个 id 来选择组件,例如id="select-picker" 然后使用此 id 的引用强制渲染,如下所示:
$(document).ready(function() {
$('#select-picker').selectpicker('render');
}
或者,如果您要提交表单,请确保也在提交函数内部调用此渲染函数,以确保正确地重新渲染组件。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)