Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
540
unbound column button ondblclick event not raised
posted

I have an igGrid with Row selection and cell editor dblclick working (showDoneCancelButtons: true not working ?). I have a Reset button in an unbound column whose associated event is not raise (using ondblclick). Any one have an idea why these don't appear to work?

Thanks

Here's the data and grid creation code:


    kbo_orderItemsDS = [
          { "OrderItemId": 1, "SKU": "1234567890121", "Name": "My First Book With Longer Title Than Fits", "Quantity": 15, "Shipped": 15, "Cost": 1.50, "Price": "3.50", "MSRP": 12.50 },
          { "OrderItemId": 2, "SKU": "1234567890122", "Name": "My Second Book", "Quantity": 10, "Shipped": 10, "Cost": 2.50, "Price": "6.00", "MSRP": 13.50 },
          { "OrderItemId": 3, "SKU": "1234567890123", "Name": "My Third Book", "Quantity": 5, "Shipped": 5, "Cost": 3.50, "Price": "6.75", "MSRP": 14.50 }
    ];
   


function kbo_displayOrderItems(orderItems) {

    $("#kbo-OrderDetails").igGrid({
        width: "100%",
        dataSource: orderItems,
        autoGenerateColumns: false,
        primaryKey: "OrderItemId",
        columns: [
            { headerText: "OrderItemId", key: "OrderItemId", dataType: "number", hidden: true },
            { headerText: "SKU", key: "SKU", width: "25%", dataType: "string" },
            { headerText: "Name", key: "Name", width: "30%", dataType: "string" },
            { headerText: "Qty", key: "Quantity", width: "10%", dataType: "number" },
            { headerText: "Shipped", key: "Shipped", width: "20%", dataType: "number" },
            {
                headerText: "", key: "Reset", dataType: "string", width: "15%", unbound: true,
                template: "<input type='button' ondblclick='kbo_updateQty(${OrderItemId}, ${Qty})' value='Reset' class='kbo-UpdateQuantity'/>"
            }

        ],
        // tree grid specific options
        key: "OrderItemId",
        hierarchicalDataSource: false,
        initialExpandDepth: 1,
        multipleSelection: false,
        activation: true,
        features: [
                {
                    name: "Selection",
                    mode: "row",
                    rowSelectionChanged: kbo_orderItemSelected
                },
                {
                    name: "Updating",
                    editMode: "cell",
                    rowEditDialogContainment: "owner",
                    showDoneCancelButtons: true,
                    showReadonlyEditors: false,
                    enableDeleteRow: false,
                    enableAddRow: false,
                    startEditTriggers: "dblclick,F2",
                    columnSettings: [
                    {
                        columnKey: "SKU",
                        readOnly: true
                    },
                    {
                        columnKey: "Name",
                        readOnly: true
                    },
                    {
                        columnKey: "Quantity",
                        readOnly: true
                    },
                    {
                        columnKey: "Shipped",
                        editorType: "numeric",
                        editorOptions: {
                            dataMode: "int",
                            maxValue: 10000,
                            minValue: 0,
                            button: "spin",
                            width: "100%"
                        }
                    },
                    {
                        columnKey: "Reset",
                        readOnly: true
                    }
                ]
            },
            {
                name: 'Paging',
                type: "local",
                pageSize: 10,
                totalRecCountKey: kbo_orderItemsDS.length
            }
        ]
    });
}