javascript - 将域类ID返回到由单选按钮选择的 Controller

Question

我正在设计一个简单的议程功能，可以从日期和时间列表中选择合适的选项(来自议程域类的实例。我试图将所选的ID带参数返回给 Controller ，ID值从javascript函数。不幸的是，它不起作用。

我的看法如下:

[...]
<g:form name="agendaForm" url="[resource:aanvraagInstance, action:'showAgenda']" >
<table class="table">
<g:each in="${agendaInstanceList}" status="i" var="agendaItem">
<tr class="${(i % 2) == 0 ? 'even' : 'odd'}"><td><input type="radio" name="agendaGroup" value="${agendaItem?.id}"/>
<g:formatDate date="${agendaItem?.startDate}"  type="date" style="LONG"/>
from <g:formatDate date="${agendaItem?.startDate}"  type="time" style="SHORT"/>
to <g:formatDate date="${agendaItem?.endDate}"  type="time" style="SHORT"/></td></tr>
</g:each>
</table>
<fieldset class="buttons">
<g:link name="save" class="btn btn-default" params="[agendaID: getGeselectedID()]" action="prikDatum" id="${aanvraagInstance?.id}">Indienen link</g:link>
</fieldset>
</g:form>
    </div>
</div>
</div>
<g:javascript>
    function getGeselectedID(){
    return getCheckedValue(document.forms['agendaForm'].elements['agendaGroup']);
    }

    function getCheckedValue(radioObj) {
    if(!radioObj)
        return "";
    var radioLength = radioObj.length;
    if(radioLength == undefined)
        if(radioObj.checked)
            return radioObj.value;
        else
            return "";
    for(var i = 0; i < radioLength; i++) {
        if(radioObj[i].checked) {
            return radioObj[i].value;
        }
    }
    return "";
    }
</g:javascript>

我的 Controller 方法是:

def prikDatum(Aanvraag aanvraagInstance){

    def agenda = Agenda.find("from Agenda as ag where ag.id=${params.agendaID}")
    // rest of the code
    render view:'editContacts' , model: [aanvraagInstance: aanvraagInstance]

} 

如何将所选日期发送给 Controller ？

Answer 1

getGeselectedID()是一种JavaScript函数，因此您无法在GSP标记中访问它(JavaScript在浏览器中执行，而GSP标记在服务器端进行解析)。

如果您只想提交具有选定ID的表单，那么您已经在做，请参阅<input type="radio" />。

该值将通过name属性(在本例中为agendaGroup)可用。

def prikDatum(Aanvraag aanvraagInstance){
  println params.agendaGroup
}