:: Forum >>

Sample code to edit grid data and send to sever

Here is a sample code to edit grid data and send data to sever.

<script>
var editLine=-1;
var myCells = [
["MSFT","Microsoft Corporation", "314,571.156"],
["ORCL", "Oracle Corporation", "62,615.266"],
["BLAH", "Blah Corporation", "900,688.266"]
];

var myHeaders = ["Ticker", "Company Name", "Market Cap."];

// create grid object
var obj = new AW.UI.Grid;

// assign cells and headers text
obj.setCellText(myCells);
obj.setHeaderText(myHeaders);

// set number of columns/rows
obj.setColumnCount(myHeaders.length);
obj.setRowCount(myCells.length);

obj.onControlClicked =
function(){
editLine = this.getCurrentRow();
var a = myCells[editLine];
input0.setControlText(a[0]);
input1.setControlText(a[1]);
input2.setControlText(a[2]);
};



var label0 = new AW.UI.Label;
label0.setId("label0");
label0.setControlText(myHeaders[0]);

var input0 = new AW.UI.Input;
input0.setId("input0");
input0.setControlText("");


var label1 = new AW.UI.Label;
label1.setId("label1");
label1.setControlText(myHeaders[1]);

var input1 = new AW.UI.Input;
input1.setId("input1");
input1.setControlText("");


var label2 = new AW.UI.Label;
label2.setId("label2");
label2.setControlText(myHeaders[2]);

var input2 = new AW.UI.Input;
input2.setId("input2");
input2.setControlText("");



var button1 = new AW.UI.Button;
button1.setId("button1");
button1.setControlText("Update");

button1.onClick = function(){
var data;
data = "oldticker=" + escape(myCells[editLine][0])
+ "&newticker=" + escape(input0.getControlText())
+ "&name=" + escape(input1.getControlText())
+ "&cap=" + escape(input2.getControlText());
sendData(data);
}



// write grid to the page
document.write(obj);
document.write('<br>');
// write controls to the page
document.write(label0+'<br>'+input0+'<br>');
document.write(label1+'<br>'+input1+'<br>');
document.write(label2+'<br>'+input2+'<br>');
document.write(button1);

function sendData(data){
//use http request or something to send data to serever
alert(data)
}



</script>
Biju
Monday, April 30, 2007
Or another one at
http://www.activewidgets.com/javascript.forum.12382.18/example-saving-editable-grid-data.html
Biju
Monday, April 30, 2007

This topic is archived.


Back to support forum

Forum search