Grails：根据另一个组合框加载数据

Question

假设我有一个包含选项 GENERAL、AIR、GROUND 和 SEA 的组合框

<g:select name="group" from="${['GENERAL', 'AIR', 'GROUND', 'SEA']}" valueMessagePrefix="default.category" value="${tipoN}" />

，然后另一个组合框根据您是否选择 GENERAL、AIR、GROUND 或 SEA 来加载某些信息。

假设 GROUND 有 3 个选项，FedEx、USPS、DHL，但 AIR 有完全不同的选项，AIRPLANE、JET、HOT AIR气球。

另一个 的名称应该是 "commodity"

我想过创建一个 javascript 文件并将所有内容都视为 HTML，但我做了一些谷歌研究，并且是并不像我想象的那么简单。

有谁知道最好的方法是什么？提前致谢！

FG

Answer 1

听起来您会想为此使用 AJAX。您可以做到这一点的一种方法是使用模板和域对象的组合：

// grails-app/domain/ShippingOption.groovy

class ShippingOption = {
    String method, // can be 'ground', 'sea', 'air', or 'general'
           name    // can be 'fedex', 'ups', etc.

    def options = {
        def meth = params.method ?: "general"
        def comList = ShippingOption.findByMethod(meth)
        render(template:"shippingList", model: [ commodityList: comList ])
    }
}

模板：

<!-- grails-app/views/_shippingList.gsp -->
<g:each var="opt" in="${commodityList}">
    <option value="${opt.name}">${opt.name}</option>
</g:each>

在您的 gsp 中，上面有选择框：

<!-- ... other stuff is before here ... -->
<g:select name="method" from="${['GENERAL', 'GROUND', 'SEA', 'AIR']}"
    onchange="${remoteFunction(action:'options', update:'commodity', 
        params:''method=' + this.value' )}" />
<select id="commodity"></select>

我确信我弄乱了一些语法，您肯定会必须稍微重构一下才能与您的代码一起使用。但至少你已经有了大概的想法。

要使用它们，请将它们作为 ShippingOption 添加到数据库中。这是一种方法。

["fedex", "ups"].each { name ->
    def so = new ShippingMethod(method: "ground", name: name )
    so.save()
}

PS：您还可以动态呈现运输方式。

另请参阅：remoteFunction、g:select, 模板 和 AJAX

Answer 2

我会考虑重新设计你的用户界面并改变流程。
您所描述的下拉依赖项表明表单可能应该被分割，并且采用“类似向导”的解决方案将产生一个更加用户友好和可靠的解决方案，该解决方案也可以在没有 JavaScript 的情况下工作。

Answer 3

我在这里有一个使用 AngularJS 和 Grail 的工作示例：

http://wordpress.transentia.com.au/wordpress/2013/12/24/keeping-up-with-the-joneses/

（如果这不合适，那么“风格”很抱歉，但是我认为发布数百行代码和废话也不合适）。