geting data into the grid

Help I’m stuck.

I’m trying to set a row into the grid without having to refresh the whole grid object.

I had initialized the grid with no data.

var data = [];

var columns = [
"ISBN", "Editorial"
];


var obj = new Active.Controls.Grid;

obj.setId("grid");
obj.setRowProperty("count", data.length);
obj.setColumnProperty("count", columns.length);
obj.setDataProperty("text", function(i, j){return data[i][j]});
obj.setColumnProperty("text", function(i){return columns[i]});
obj.setRowHeaderWidth("28px");
obj.setColumnHeaderHeight("20px");

And in my html I have 2 input boxes and 1 button when I click on the button I need to set the information into the grid but I don’t want to have to refresh every time, I just want to append the new info.