我必须用存储在我的数据库中的所有可用规程填充选择框。
因此,在DisciplineController中,我创建了一个操作,如下所示:
def getDisciplinesJson() {
def discList = Discipline.getAll()
return discList as JSON
}这是以JSON格式获取规则的正确方式吗?我如何调用此操作,并使用Javascript填充选择框,如下所示:
<select id=disc-select> </select>此选项框出现在其他页面中,例如,学生创建。
发布于 2016-10-21 12:44:44
有很多种方法。例如,使用JQuery
<script>
function loadDisciplines() {
$.ajax({
url: "${createLink(controller: 'DisciplineController', action: 'getDisciplinesJson')}",
success: function (data) {
//...
// Parse JSON, create select box etc..
}
});
}
</script>并将"return discList as JSON“改为"render discList as JSON”
您也可以使用代码创建模板:
<select id=disc-select>
<g:each in="${discList}" var="disc">
<option value="${disc?.id}">${disc?.name}</option>
</g:each>
</select>并从控制器返回已呈现的模板:
render template:"pathToTemplate/thisTEmplate", model:[discList:discList]然后,在loadDisciplines()成功块中,您只需放入:
$('#disciplines-div').html(data);其中#disciplines-div是
<div id="disciplines-div"></div>发布于 2016-10-21 22:03:33
如果你不介意更改select到数据列表,那么更简单的是dataList HTML5支持数据列表,你可以找到一个example here:并在这里显示:
<input type=text list=browsers>
<datalist id=browsers>
<option value="Firefox">
<option value="IE">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>如果你想看到自动补全与dataLists一起工作,那就去看看boselecta吧。我已经将它用于自动补全,你可以找到那个example here。将json解析为数据列表还有一些进一步的复杂性,但都在该页面中。
发布于 2016-10-24 00:41:14
我知道你的问题是“如何使用Grails Controller中的JSON填充选择框”,但请看你的示例。为什么需要用JSON填充它?
在这种情况下,<g:select>标记可能是一种更简单的方法。
<g:select id="disc-select" from="${my.package.Discipline.list()}" name="myparam"/>
这是假设您使用的是GSPs。
https://stackoverflow.com/questions/40166215
复制相似问题