So in my grid, I have this key column called entityName. And below, inside my TEMPLATE definition, I define an Html button with an onClick() event.

However, it does NOT fire my onClick() event for column entityName (string type) - yet it does indeed fire when I change it to column Margin (number type).

And btw, it renders the ${entityName} value inside the value attribute in my Html <input> markup...however I can't pass it to my onClick() event.

Could someone please tell me what I'm missing here ? This is really a strange one.

Thank you everybody in advance....Bob

ex/

   $("#accountsGrid").igGrid({
            autoGenerateColumns: false,
            width: null,           // will stretch to fit data
            caption: "Accounts for: " + member,
            dataSource: jsonData,
            primaryKey: "entityName",
            columns: [
                { headerText: "Account", key: "entityName" , dataType: "string"  },
                { headerText: "Margin", key: "Margin", dataType: "number", format: "double"  },
                { headerText: "Liquidity Interval (Days)", key: "LookbackInterval", dataType: "number", format: "number" },
                { headerText: "Confidence Level", key: "ConfidenceInterval", dataType: "number", format: "percent" },
                {
                    headerText: "Trades", unbound: false, key: "tradesBtn",                     
                    template: "<input type='button' value='View trades for ${entityName}' onClick='buttonTest(event, ${entityName});' /> "
                }                
            ],
            rowTemplate:null

       cellClick: function (evt, ui) { GetTradesByAccount(evt, ui); }
        });

    function buttonTest(e, buttonId) {        
        alert("BUTTON CLICKED for " + buttonId);
        e.cancelBubble = true;
    }