将相关数据加载到 Grails 应用程序的浏览器中

Question

我正在为大型数据集构建一个 grails 应用程序，并且由于在我的应用程序的 javascript 端（客户端）加载一个大型 json 文件而面临各种问题，导致浏览器崩溃。

现在，我意识到我只在 javascript 端进行所有用户选择，但我假设它可以在 grails 控制器端完成，也可以使用标签和“参数”

我在看：

http://grails.org/doc/latest/ref/Tags/link.html
http://grails.org/doc/latest/ref/Tags/form.html

但是，我对此很陌生，如果我尝试做的事情是否可行，我需要一些指导吗？ 基本上，我希望用户选择一堆下拉列表，它们的值被传递给我的 grails 控制器，控制器将过滤后的数据发送到 javascript 以加载，这样只有相关数据被发送到浏览器并运行正确。

更新

package marchmock2
class Tablev1class {
Date date_hour
String mv
String pagetype
Integer visits
Integer visits_ly
Integer visits_lw
String time_period
String platform
String device
String browser


static mapping = {
table "pgtyp"
version false        
date_hour column: "date_hour"
mv column: "mv"
pagetype column: "pagetype"
visits column: "visits"
visits_ly column:"visits_ly"
visits_lw column:"visits_lw"
time_period column:"time_period"
platform column:"platform"
device column:"device"
browser column:"browser"
}
static constraints = {
}
}

这就是我的域类的样子，并且没有依赖关系。我想要的只是从各种 mv、页面类型、平台、设备、浏览器中创建选择，并将所做的选择传递给要对数据库进行查询的控制器

Answer 1

我认为您可能需要在最后一部分中编辑问题并重新定义您的要求。

你可以看看这里：

I want my selects dropdowns to auto populate with Ajax in Grails website

在这个问题上，我有点打破了您如何使用远程调用从一个字段收集数据以生成下一个选择？这是需求的一部分，还是这些都是相互不依赖的单一选择？

如果与依赖相关的选择，则使用 ajaxdependancyselection 插件，可以实现适当的嵌套选择。如果选择来自大型数据集，那么对主要问题的建议可能会更快.....

更新 由于它们是独立的，您可以加载

<g:select name="input1" from="${domainClass1.list()}" ...>

对于每个 domainClass 调用 将其发布回您的控制器

在你的控制器中

def d1=domainClass1.get(params.input1)
def d2=domainClass2.get(params.input2)

render (view: 'something', model: [ d1: d1, d2:d2 ] )

等等 然后您可以扩展每个传递的 domainClass 对象，并从每个 d1 d2 等中获取特定的相关元素......

我真的不确定是否客观，如果不是您想要的，请道歉

更新更新

不确定为什么您需要对每个对象进行选择，也许正如您所说，您想对这些值做一些事情.. 在这种情况下，请看最后一个示例，optionKey 和 optionValue 都设置为设备，因此它将在选择中显示设备，而用户选择最终将成为实际的设备选择

<g:select id="mv" name="mvid" from="${marchmock2.Tablev1class.list()}" optionKey="id"   optionKey="mv" required="" value="${params?.mvid}" class="many-to-one"/>
<g:select id="mv" name="mvid" from="${marchmock2.Tablev1class.list()}" optionKey="id"   optionKey="pagetype" required="" value="${params?.mvid}" class="many-to-one"/>

<g:select id="mv" name="mvid" from="${marchmock2.Tablev1class.list()}" optionKey="id"   optionKey="platform" required="" value="${params?.mvid}" class="many-to-one"/>

<g:select id="mv" name="mvid" from="${marchmock2.Tablev1class.list()}" optionKey="device"   optionKey="device" required="" value="${params?.mvid}" class="many-to-one"/>

现在展开这个

<g:select id="mv" name="mvid" from="${marchmock2.Tablev1class.list()}" optionKey="device"   optionKey="device" required="" value="${params?.mvid}" class="many-to-one" onchange="${remoteFunction (
        controller: 'someController',
        action: 'someAction',
        params: "'device=' + this.value",
        update: 'newDivId'
    )}"/>

<div id="newDivId">
<!-- your output from when user selects something from above will end up showing the result from the someController/someAction?device={selected} will be repesented in here -->
</div>