grails - Grails中的下拉列表

标签 grails drop-down-menu html-table gsp

在我的程序中,它是一个项目跟踪器,我有一个表,表中有对应于项目的行,而列则对应于有关项目的不同信息(名称,截止日期,状态等)。最后一列应为“更多”列,每当您按下该列时,该列均应显示该项目其他属性的下拉列表。如何在Grails中做到这一点?
以下是我的list.gsp:

<calendar:resources lang="en"/>

<!doctype html>
<html>
    <head>
        <meta name="layout" content="layoutMain"/>
        <g:set var="entityName" value="${message(code: 'project.label', default: 'Project')}" />
        <title><g:message code="default.list.label" args="[entityName]" /></title>
    </head>
    <body>
        <div class="nav" role="navigation">
            <ul>
                <li><g:link class="create" action="create"><button>New Project</button></g:link></li>
            </ul>
        </div>
        <div id="list-project" class="content scaffold-list" role="main">
            <h1><g:message code="default.list.label" args="[entityName]" /></h1>
            <g:if test="${flash.message}">
            <div class="message" role="status">${flash.message}</div>
            </g:if>
            <table>
                <thead>
                    <tr>

                        <g:sortableColumn property="name" title="${message(code: 'project.name.label', default: 'Name')}" />

                        <g:sortableColumn property="dueDate" title="${message(code: 'project.dueDate.label', default: 'Due Date')}" />

                        <g:sortableColumn property="startDate" title="${message(code: 'project.startDate.label', default: 'Start Date')}" />
                        <g:sortableColumn property="status" title="${message(code: 'project.name.label', default: 'Status')}" />

                        <g:sortableColumn property="requirements" title="${message(code: 'project.name.label', default: 'Requirements')}" />

                        <g:sortableColumn property="design" title="${message(code: 'project.name.label', default: 'Design')}" />

                        <g:sortableColumn property="development" title="${message(code: 'project.name.label', default: 'Development')}" />

                        <g:sortableColumn property="qa" title="${message(code: 'project.name.label', default: 'QA')}" />

                        <g:sortableColumn property="ua" title="${message(code: 'project.name.label', default: 'UA')}" />

                        <g:sortableColumn property="delivery" title="${message(code: 'project.name.label', default: 'Delivery')}" />

                        <g:sortableColumn property="more" title="${message(code: 'project.name.label', default: 'More')}" />   

                    </tr>
                </thead>
                <tbody>
                <g:each in="${projectInstanceList}" status="i" var="projectInstance">
                    <tr class="${(i % 2) == 0 ? 'even' : 'odd'}">

                        <td><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "name")}</g:link></td>

                        <td><g:formatDate date="${projectInstance.dueDate}" /></td>

                        <td><g:formatDate date="${projectInstance.startDate}" /></td>

                        <td><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "status.name")}</g:link></td>

                        <td><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "requirements.name")}</g:link></td>

                        <td><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "design.name")}</g:link></td>

                        <td><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "development.name")}</g:link></td>

                        <td><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "qa.name")}</g:link></td>

                        <td><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "ua.name")}</g:link></td>

                        <td><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "delivery.name")}</g:link></td>

                        <td><g:link action="show" id="${projectInstance.id}">${fieldValue(bean: projectInstance, field: "delivery.name")}</g:link></td>
                    </tr>
                </g:each>
                </tbody>
            </table>
            <div class="pagination">
                <g:paginate total="${projectInstanceTotal}" />
            </div>
        </div>
    </body>
</html>

最佳答案

如果要使用标准Grails,则可以使用g:select标签在Grails中创建一个下拉列表。更漂亮的解决方案可能是使用jQuery(或类似工具)来显示隐藏的HTML块。

如果您的项目域如下所示:

class Project {

    String name
...
    // more info
    String  attr1
    int     attr2
    boolean isAttr3

}

您可以向您的域中添加一种便捷方法,以将字段聚合到一个列表(或可能是另一个对象)中,该列表可用于下拉框。例如。
// utility getter to aggregate the fields into an array 
def getMoreInfo() {
    [attr1, attr2, isAttr3]
}

然后,您可以在GSP中使用以下内容:
<td><g:select name="more" from="${projectInstance.moreInfo}" /></td>

关于grails - Grails中的下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16931543/

相关文章:

grails - Grails将不同级别的日志写入文件

javascript - 一旦用户选择,如何在下拉菜单上保持相同的位置

html - 表格布局间距

java - 我应该如何实现一个包含需要以不同语言显示的项目列表的下拉框?

html - 带圆 Angular 的可滚动表格

html - 表格 tr 边框宽度 100%

javascript - 如何将自定义 CSS/JS 添加到 Grails 2.4.x 布局/模板?

grails - 无法计算表达式 '#oauth2.isClient()'

grails - 呈现 View ,但gsp中没有对象

c# - 如何设置下拉列表高度以及如何让下拉列表始终向下显示