[RESOLVED] [MX04] delete btn in datafield

[shaunfreeman]

I have got a button in a datagrid using cellrendering. but I can't seem to modify it into my datagrid cart. Here is the code want I am doing wrong.
Any help will be great.

//DELETE BUTTON
import mx.controls.DataGrid;
import mx.controls.gridclasses.DataGridColumn;

// Create DataGrid columns
var col = new DataGridColumn("TheButton");
col.headerText = "Delete";
col.width = 50;
col.cellRenderer = "ButtonCellRenderer";  // Assign custom cell renderer
grid_dg.addColumn(col);

var dp:Array = new Array();
grid_dg.dataProvider.addItem({TheButton:{label:"x"}});

//BASKET

var lvSend:LoadVars = new LoadVars();//do not change
lvSend.business = "chelnov63@hotmail.com"; //your paypal email address here 
lvSend.currency_code = "GBP"; //the currency you would like to use

book = "bag1";
purse = "purse1"

//define items, their prices, quantity in basket and there associated movieclips
var aItem:Array = new Array();
    aItem[book] = {price:15, quantity:0, size:10, pic:pic};
    aItem[purse] = {price:25, quantity:0, size:30, pic:pic};
    
    
//-----------------------DO NOT CHANGE UNLESS FAMILIAR WITH ACTIONSCRIPT--------------------//    
    
    
var totalPrice:Number;

//define drag and drop functionality
for (var i in aItem) {
    var currentProduct:String = i;
    aItem[i].item = currentProduct;
    
    add1btn.onRelease = function() {
        aItem[book].quantity++;
        //update datagrid
        updateDatagrid();
    }
    add2btn.onRelease = function() {
        aItem[purse].quantity++;
        //update datagrid
        updateDatagrid();
    }
}
deleteall.onRelease = function() {
    aItem[currentProduct].quantity++;
    basketInfo.dataProvider.removeAll();
}
deleteone.onRelease = function() {
    basketInfo.dataProvider.removeItemAt(basketInfo.selectedIndex)
}

mcPaypal.onRelease = function():Void{
    //send variables to paypal

    //CONSTANTS
    lvSend.cmd = "_cart";
    lvSend.upload = "1";
    
    var j:Number = 1;
    for (var i in aItem) {
        if(aItem[i].quantity > 0){
            lvSend["item_name_"+j] = aItem[i].item;
            lvSend["amount_"+j] = aItem[i].price;
            lvSend["quantity_"+j] = aItem[i].quantity;
            lvSend["size_"+j] = aItem[i].size;
            j++;
            }
            
    }
    lvSend.send("https://www.paypal.com/cgi-bin/webscr", "_self", "POST");
}


//--------------------------------------- functions ----------------------------------------------//

function updateDatagrid():Void{
    totalPrice = 0;
    var aBasket:Array = new Array();
    for (var i in aItem) {
    if(aItem[i].quantity > 0 ){
       aBasket.push({Product: aItem[i].item, Size: aItem[i].size, Quantity: aItem[i].quantity, Price: aItem[i].price * aItem[i].quantity, Pic: aItem[i].pic});
       totalPrice += aItem[i].quantity * aItem[i].price;
    }
}

    grid_dg.dataProvider = aBasket;
    grid_dg.vScrollPolicy = "auto";
    tTotal.text = totalPrice;
} 

[shaunfreeman]

Changed some code, turned some of the code off.
Ok almost got it but column says [ object, object ]
I think I need to use .cellRenderer = "ButtonCellRenderer"; but how?

//deletebtn
import mx.controls.DataGrid;
import mx.controls.gridclasses.DataGridColumn;

// Create DataGrid columns
//var col = new DataGridColumn("TheButton");
//col.headerText = "Delete";
//col.width = 50;
//col.cellRenderer = "ButtonCellRenderer";  // Assign custom cell renderer
//grid_dg.addColumn(col);

//var dp:Array = new Array();
//grid_dg.dataProvider.addItem({TheButton:{label:"x"}});
button = {TheButton:{label:"x"}}
//basket

var lvSend:LoadVars = new LoadVars();//do not change
lvSend.business = "chelnov63@hotmail.com"; //your paypal email address here 
lvSend.currency_code = "GBP"; //the currency you would like to use

book = "bag1";
purse = "purse1"

//define items, their prices, quantity in basket and there associated movieclips
var aItem:Array = new Array();
    aItem[book] = {price:15, quantity:0, size:10, pic:pic, del:button};
    aItem[purse] = {price:25, quantity:0, size:30, pic:pic, del:button};
    
    
//-----------------------DO NOT CHANGE UNLESS FAMILIAR WITH ACTIONSCRIPT--------------------//    
    
    
var totalPrice:Number;

//define drag and drop functionality
for (var i in aItem) {
    var currentProduct:String = i;
    aItem[i].item = currentProduct;
    
    add1btn.onRelease = function() {
        aItem[book].quantity++;
        //update datagrid
        updateDatagrid();
    }
    add2btn.onRelease = function() {
        aItem[purse].quantity++;
        //update datagrid
        updateDatagrid();
    }
}
deleteall.onRelease = function() {
    aItem[currentProduct].quantity++;
    basketInfo.dataProvider.removeAll();
}
deleteone.onRelease = function() {
    basketInfo.dataProvider.removeItemAt(basketInfo.selectedIndex)
}

mcPaypal.onRelease = function():Void{
    //send variables to paypal

    //CONSTANTS
    lvSend.cmd = "_cart";
    lvSend.upload = "1";
    
    var j:Number = 1;
    for (var i in aItem) {
        if(aItem[i].quantity > 0){
            lvSend["item_name_"+j] = aItem[i].item;
            lvSend["amount_"+j] = aItem[i].price;
            lvSend["quantity_"+j] = aItem[i].quantity;
            lvSend["size_"+j] = aItem[i].size;
            j++;
            }
            
    }
    lvSend.send("https://www.paypal.com/cgi-bin/webscr", "_self", "POST");
}


//--------------------------------------- functions ----------------------------------------------//

function updateDatagrid():Void{
    totalPrice = 0;
    var aBasket:Array = new Array();
    for (var i in aItem) {
    if(aItem[i].quantity > 0 ){
       aBasket.push({Product: aItem[i].item, Size: aItem[i].size, Quantity: aItem[i].quantity, Price: aItem[i].price * aItem[i].quantity, Pic: aItem[i].pic, Delete: aItem[i].del});
       totalPrice += aItem[i].quantity * aItem[i].price;
    }
}

    grid_dg.dataProvider = aBasket;
    grid_dg.vScrollPolicy = "auto";
    tTotal.text = totalPrice;
} 

[shaunfreeman]

Ok forget about that. going to use this instead

var dgListener:Object = new Object();
dgListener.cellPress = function(evt:Object) {
    var num:Number = evt.target.selectedIndex;
    var cell:String = evt.columnIndex+", "+evt.itemIndex;
    tmp = evt.target.columns[evt.columnIndex].columnName;
    trace(+evt.target.getItemAt(evt.itemIndex)[tmp]);
    //delete x
    xbutton = +evt.target.getItemAt(evt.itemIndex)[tmp];
    if (xbutton == "x") {
        trace("action1");
        grid_dg.dataProvider.removeItemAt(grid_dg.selectedIndex)
    }
    if (xbutton == "+") {
        trace("action2");
        trace(grid_dg.selectedIndex.quantity);
    }
};
grid_dg.addEventListener("cellPress", dgListener); 

action 1 sort of works (the array does not reset,clear)

action 2 does not work
I am trying to get the value of the quantity and add 1 to it. But can't seem to target quantity.

[shaunfreeman]

close thread