Grid with Dropdownlist

[kkochharParticipant]

Hello There,

We are half way through of implementing solution using jqwidgets but for grids with dropdownlist it is failing. We are using these widgets in SharePoint APP. All other controls works fine but when using JqxGrid with dropdownlist it throws following error:

Uncaught TypeError: Object [object Number] has no method ‘replace’

The error is thrown within MicrosoftAjax.js file on following line:

String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,””)}

MicrosofAjax.js file is used within SharePoint for its requests handlings.

I did little research on the error and it usually occurs if the object is not a string as there is no replace function for object and is only available on String. Now this is true within jqxGrid with a drodownlist, because dropdownlist’s source property is an array and not a string. How can this be handled? Is there a workaround or function overload/override that can be applied? Please Please Please help. We don;t want to throw away the work we have done till now with this jqwidgets.

Thanks
Kkochhar

[kkochharParticipant]

Small Update: It works fine if the source object is a collection of string only. If it is collection of Json objects then it fails with above error.

var dropDownGroupsource = [
                { label: "Admin", value: 17 },
                { label: "Operation", value: 18 },
                 { label: "User", value: 19 }
                ];

`var dropDownGroupsource1 = [
“Admin” ,
“Operation”,
“User”
];`

dropDownGroupsource throws above error when used as source in initeditor for columntype ‘drodownlist’
dropDownGroupsource1 works fine

[kkochharParticipant]

got it working the dataadapter object didn’t knew about json objects have to specify in dataadapter like this:
var dropDownGroupAdapter = new $.jqx.dataAdapter(dropDownGroupsource, { autoBind: true, contentType: 'application/json; charset=utf-8' });

[Author]

Posts