:: Forum >> Version 2 >>

Sample code to edit grid data and send to sever

More information on this topic is available in the documentation section: /general.intro/.

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 
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
/javascript.forum.12382.18/example-saving-editable-grid-data.html
Biju
Monday, April 30, 2007



This topic is archived.

Back to /general.intro/

Documentation:

Forum search