Question

我的Grails应用程序的index.gsp中有一个下拉列表和一个jQDateRangeSlider（一个jQuery小部件）。我使用remoteFunction将下拉列表中选择的值和滑块上选择的范围发布到我的控制器中的查询。当发生以下任一事件时，我希望将这三个值（滑块中的2个值和下拉列表中的一个值）发布到控制器：

下拉列表更改
滑块上的值更改

remoteFunction可以从下拉列表的onChange中正常工作，但是当我在滑块的UserValuesChanged块内复制remoteFunction时，它会抛出一个错误。这就是我的代码的样子：

控制器

class PgtypController {



    def ajaxGetMv = {

        def pgtyp = Pgtyp.executeQuery("select p.date_hour ,p.visits, p.mv, p.browser,p.pagetype,p.platform,p.device,p.time_period from Pgtyp p where p.mv = ? and p.date_hour >= ? and p.date_hour <= ? order by col_0_0_ asc ",[ params.mv ] + params.list( 'date_hour' ))

        render pgtyp as JSON
    }

     def dataSource


        def datejson = {
        def sql = new Sql(dataSource)
        def rows = sql.rows("select min(date_hour) as a , max(date_hour) as b from pgtyp")
        sql.close()
        render rows as JSON
    }

     def index() { 

}

GSP

<form>
<g:select from="['AFFILIATES', 'CSE','DISPLAYADS','EMAIL','MOBILEWEB','OTHERS','ORGANIC','SEO', 'SEM']" name="mv" id = "mv" 
           onchange="${remoteFunction(
           controller:'Pgtyp', 
           action:'ajaxGetMv', 
           params:'\'mv=\' + escape(this.value)+\'&date_hour=\'+ z+\'&date_hour=\'+ b',
           //params:'\'mv=\'+this.value',
           onSuccess: 'printpgtyp(data)')}"
></g:select> 

</form>
<script>
dataFile = "http://localhost:8080/marchmock2/Pgtyp/datejson";

        d3.json(dataFile, function(error,data) {
        if (data) 
                dataset = data;
                var min = dataset[0].a;
                var min2 = new Date(min);
                var max = dataset[dataset.length - 1].b;
                var max2 = new Date(max);
                function addZero(val) {
            if (val < 10) {
                return "0" + val;
            }   
            return val;
            }
                var s = $j("#slider").dateRangeSlider({

            bounds: {
                "min": min2,
                "max": max2
            },
            range: {
                min: {
                    hours: 1
                }
            },
            formatter:function(val){
                var m = moment(val);
                return m.format("DD/MM/YYYY HH:00:00 ");
            },
             defaultValues:{
                min: min2,
                max: max2
            }
        });
                x = (s.dateRangeSlider("values").min);
        x.setMinutes(0);
        x.setSeconds(0);
                z = x.getFullYear()+'-'+(x.getMonth()+1)+ '-'+x.getDate()+' '+x.getHours()+':'+'00'+':'+'00' ;
                var y = (s.dateRangeSlider("values").max);
        y.setMinutes(0);
        y.setSeconds(0);
                b = y.getFullYear()+'-'+(y.getMonth()+1)+ '-'+y.getDate()+' '+y.getHours()+':'+'00'+':'+'00' ;
         $j('#slider').on("userValuesChanged",function (e, data) {
                       var x = datavalues.min;
                       x.setMinutes(0);
                       x.setSeconds(0);
                       z = x.getFullYear()+'-'+(x.getMonth()+1)+ '-'+x.getDate()+' '+x.getHours()+':'+'00'+':'+'00' ;
                        var last = data.values.max;
                        last.setMinutes(0);
                        last.setSeconds(0);
                       b = last.getFullYear()+'-'+(last.getMonth()+1)+ '-'+last.getDate()+' '+last.getHours()+':'+'00'+':'+'00' ;
                        ${remoteFunction(
                            controller:'Pgtyp', 
                            action:'ajaxGetMv', 
                            params:'\'mv=\' +$(\'mv\').value+\'&date_hour=\'+ z+\'&date_hour=\'+ b',
                            onSuccess: 'printpgtyp(data)')}


             })
        });
function printpgtyp(data)
{
console.log(data)
console.log(data.length)
}//end of printpgtyp
</script>

然而，这会产生如下错误：

Uncaught SyntaxError: Unexpected token &

谁能告诉我到底哪里出错了？如果代码在选择标记的onChange内工作正常，那么为什么我在滑块的UserValuesChanged中出现此错误？

JQDateRangeSlider的UserValuesChanged事件中的RemoteFunction

0 个答案: