ActiveWidgets • last added row replace the one before....

Hi,

Something is happening...

When adding some row, it replaces the last one..!! what's happening
eg.1..adding value four

COLUMN
--------
one
two
three
four
four

eg.2..adding value grape

COLUMN
--------
orange
apple
grape
grape

The script:

<html>

<head>

    <script src="../../runtime/lib/aw.js"></script>

    <link href="../../runtime/styles/xp/aw.css" rel="stylesheet"></link>

</head>

<body>

<style>



</style>

<script>

        var myColumns = [

            "Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"

        ];

    </script>

</head>

<body>

    <script>



    //    create ActiveWidgets Grid javascript object

    var obj = new AW.UI.Grid;







    //    provide cells and headers text

    obj.setHeaderText(myColumns);



    //    set number of rows/columns

    obj.setRowCount(0);

    obj.setColumnCount(3);



    //    enable row selectors

    obj.setSelectorVisible(true);

    obj.setSelectorText(function(i){return this.getRowPosition(i)+1});



    //    set headers width/height

    obj.setSelectorWidth(28);

    obj.setHeaderHeight(20);



    //    set row selection

    obj.setSelectionMode("single-row");



    //    set click action handler

    obj.onCellClicked = function(event, col, row){window.status = this.getCellText(col, row)};



    //    write grid html to the page

    document.write(obj);



    

    obj.onRowAdded = function(row){

        window.status = "Row added: " + row;

        this.setCellText(["new", 0, row]);

    }



    obj.onRowDeleting = function(row){

        return !confirm("Delete row " + row + "?");

    }



    obj.onRowDeleted = function(row){

        window.status = "Row deleted: " + row;

    }



    

    // row index

    var serial = 1000;



    function add(){

        obj.addRow(serial++);

    }



    function del(){

        var i = obj.getCurrentRow();

        obj.deleteRow(i);

    }



</script>

<br>

<button onClick="add()">add row</button>

<button onClick="del()">delete row</button>



</body>

</html>

last added row replace the one before....

Forum search