Javascript Array: Change elements from string to object

Question

I am using the ParamQuery JavaScript library (ParamQuery Website) to build a JavaScript grid.

With JQuery I make a request to my service using Ajax which retunrs JSON data. I then loop through my JSON data and assign it to an array. My problem is the elements are strings but I think they need to be an array of objects.

<script type="text/javascript">
    $(document).ready(function () {
        var DataArray = [];

        $.ajax({
            url: "http://wks52025:82/WcfDataService.svc/GetNotes()?$format=json",
            type: "get",
            datatype: "json",
            success: function (data) {
                $.each(data.d, function (i, item) {
                    DataArray[i] = "[" + item.NotesTitle.trim() + "," + item.NotesText.trim() + "]";
                })

                for (var i = 0; i < DataArray.length; i++) {
                    //alert(DataArray[i]);
                    //Do something
                }

                // GRID LOGIC HERE
                var obj = { width: 800, height: 400, title: "Notes" };
                obj.colModel = [
                    { title: "NotesTitle", width: 500, dataType: "string" },
                    { title: "NotesText", width: 500, dataType: "string" } 
                ];
                obj.dataModel = { data: DataArray }; // Data Array goes here
                $("#grid_array").pqGrid(obj);
            }
        });    
    });
</script>

I have attached screenshots of my Watch tab in VS and a screenshot of how the grid renders after debug.

Visual studio watch

My Grid

This is the example code

Can anyone help me solve this problem?

If the screenshot is too small I can resize it. It looked bigger on paint. — nick gowdy
– nick gowdy, Commented May 14, 2013 at 8:24

Yuriy · Accepted Answer · 2013-05-14 08:29:09Z

1

If the question is only about turning this to array of objects take a look at this line:

$.each(data.d, function (i, item) {
  DataArray[i] = { NotesTitle: item.NotesTitle.trim(), NotesText:item.NotesText.trim() };
})

Update Had a look a the example, you need an Array of arrays

$.each(data.d, function (i, item) {
  DataArray[i] = [  item.NotesTitle.trim(), item.NotesText.trim() ];
})

edited May 14, 2013 at 8:29

answered May 14, 2013 at 8:23

Yuriy

4163 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

nick gowdy Over a year ago

For this question it is. Do you have a suggestion?

nick gowdy Over a year ago

Thanks that worked. I guess my use of brackets was incorrect for what I was trying to do.

Collectives™ on Stack Overflow

Javascript Array: Change elements from string to object

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related