jQWidgets Forums

Hello,
We are unable to bind data to the dataAdapter from the controller.
We are using jQWidgets v5.3.2 (2017-Sep).
Js code:

 var GROUPSsource =
        {
            datatype: "json",
            datafields: [
                { name: 'OPTGROUPID', map: 'OPTGROUPID', type: 'string' },
                { name: 'OPTGROUP', map: 'OPTGROUP', type: 'string' }
            ],
            url: "Quotes/Quoteitemoptions",
            id: "OPTGROUPID",
            data: {
                featureClass: "P",
                style: "full",
                maxRows: 12
            },
            root: "ITEMGROUP"
        };

        dataQUOTEGroups_v1 = new $.jqx.dataAdapter(GROUPSsource,
            {
                autoBind: true,
                async: false,
                loadComplete: function () {
                },
                formatData: function (data) {
                }
            }
        );

Controller method:

        public async Task<ActionResult> Quoteitemoptions()
        {
            try
            {
                string path = _apilist.Quoteitemoptions ;
                HttpResponseMessage response = await _WebApiService.GetJsonResponse(path);
                string res = response.Content.ReadAsStringAsync().Result;
                return Json(res);
            }
            catch (Exception)
            {
                throw;
            }
        }

Error message:
Error in InitializeQUOTEITEMSGroupData: Cannot use ‘in’ operator to search for ‘length’ in {“GROUPS”:{“ITEMGROUP”:[{“OPTGROUPID”:”1″,”OPTGROUP”:”A”,”OPTTYPE”:”QUOTEITEM”},{“OPTGROUPID”:”2″,”OPTGROUP”:”B”,”OPTTYPE”:”QUOTEITEM”},{“OPTGROUPID”:”3″,”OPTGROUP”:”C”,”OPTTYPE”:”QUOTEITEM”},{“OPTGROUPID”:”4″,”OPTGROUP”:”D”,”OPTTYPE”:”QUOTEITEM”},{“OPTGROUPID”:”5″,”OPTGROUP”:”E”,”OPTTYPE”:”QUOTEITEM”},{“OPTGROUPID”:”6″,”OPTGROUP”:”F”,”OPTTYPE”:”QUOTEITEM”}]}}

Please help! Not sure where I’m doing it wrong.
Thank you,