How to create myData 2-dimensional array dynamically for a grid?

Hi, guys, I want to create a grid based on the data of an object array. Now I can only create a string for myData. I think it's not right. But in javascript, no 2-dimensional array can be used, right? My following code doesn't work, and computer complain the object is null. I think the myData is not created correctly. Thanks.

<script>

var info=new Array();

function accountdata(accName, tableID )
{
this.accName=accName ;
this.tableID=tableID;
}

info[0]=new accountdata("14210462", "tablecontent0" );

info[1]=new accountdata("14210470", "tablecontent1" );

info[2]=new accountdata("14210488", "tablecontent2" );

////////////creating myData.......////////////////////////////
var myData="";
for(i=0; i<3; i++)
{
myData=myData+
"["+
"\"" + info[i].accName + "\"," +
"\"" + info[i].tableID + "\"," +
"],";
}

myData=myData.substring(0,myData.length-1);
myData="["+myData+"]";

var myColumns = ["accountName", "TableID"];
var obj = new Active.Controls.Grid;
obj.setRowProperty("count", 20);
obj.setColumnProperty("count", 2);
obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setColumnProperty("text", function(i){return myColumns[i]});
obj.setRowHeaderWidth("28px");
obj.setColumnHeaderHeight("20px");
obj.setAction("click", function(src){window.status = src.getItemProperty("text")});
document.write(obj);

</script>

This code will not work.

var myVar1 = "Hello";
  var myVar2 = "World";
  myArray = "['" + myVar1 + "','" + myVar2 + "']";
  alert(myArray[0] + " " +myArray[1]);
  Rather this will do what you want to do

var myVar1 = "Hello";
  var myVar2 = "World";
  var tempCode = "myArray = ['" + myVar1 + "','" + myVar2 + "']";
  eval(tempCode);
  alert(myArray[0] + " " +myArray[1]);
  Hope this helps.

To solve your problem, what I would do is -

obj.getDataText = function(i, j){
  switch(j) {
    case 0:
      return info[i].accName;
    case 1:
      return info[i].tableID;
    default:
      alert('beat me, coz it should never run...');
  }
}
 

Thank you, Sudhaker. But I don't know how to set the myData, which is still empty. You mean myData=tempCode?

should do it like this:
var myVar1 = "Hello";
var myVar2 = "World";
var myData = "['" + myVar1 + "','" + myVar2 + "']";
eval(myData);

It doesn't work

I got it. thanks a lot.

I'll suggest you using code with switch/case block. I also suggest making 'info' a member of grid object. That way, info will be protected from accidental modification.

For ref purpose - complete code is included.

function accountdata(accName, tableID )
{
  this.accName=accName ;
  this.tableID=tableID; 
}

obj.info = new Array();

obj.addAccount = function(accName, tableID) {

  // push the object in data holder
  this.info.push(new accountdata(accName, tableID));
  this.rowCountChanged();
};

obj.rowCountChanged = function() {

  // set data count
  var newCount = this.gridData.length;
  this.setDataProperty("count", newCount);
  // clear internal row state
  var rowValues = [];
  for(var i=0; i < newCount; ++i) { rowValues.push(i); }
  this.setRowProperty("values", rowValues);
  this.setSortProperty("index", null);
  // clear selection - if required
  //this.setSelectionProperty("index", -1);
  //this.setSelectionProperty("values", []);
  
  this.refresh();
};

obj.getDataText = function(i, j){ 
  switch(j) { 
    case 0: 
      return this.info[i].accName; 
    case 1: 
      return this.info[i].tableID; 
    default: 
      alert('beat me, coz it should never run...'); 
  } 
} 

obj.setDataText = function(value, i, j){ 
  switch(j) { 
    case 0: 
      this.info[i].accName = value; 
      break;
    case 1: 
      this.info[i].tableID = value; 
      break;
    default: 
      alert('beat me, coz it should never run...'); 
  } 
} 

.....
.....