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
300
Deleting row with row selection on
posted

I have enabled delete row and I also have row selection turned on.  The problem is when i click the dlete the row selectionChanging function fires and the delete never happens.  Is there a workaround for this.  I have this same problem when i put links in my grid.  if i click a link the rowSelectionChanging will fire.

Thanks

Sy

Here is my grid.

template = "<tr><td> <img alt='' src='" + data.imagePath + "${CatID}" + ".jpg'' /> <p><a href='" + data.imagePathLarge + "${CatID}" + ".jpg' class='pzoom'>Zoom</a></p> </td> <td> ${CatID} </td> <td> ${Name} </td> <td> ${CreatedBy} </td> <td> ${QuantityOfItems} </td> <td> ${CreatedDateTime} </td><td> ${ExpirationDate}</td><td> ${PublishDate}</td></tr>";

            tablecolumns = [{ headerText: "Image", key: "Name", dataType: "string", width: "75" }, { headerText: "Catalog ID", key: "CatID", dataType: "string", width: "100" }, { headerText: "Name", key: "Name", dataType: "string", width: "200" }, { headerText: "Created By", key: "CreatedBy", dataType: "string", width: "100" }, { headerText: "Item Count", key: "QuantityOfItems", dataType: "number", width: "75" }, { headerText: "Created", key: "CreatedDateTime", dataType: "date", width: "75" }, { headerText: "Expiration", key: "ExpirationDate", dataType: "date", width: "100" }, { headerText: "Published", key: "PublishDate", dataType: "date", width: "100"}];

 

            $("#catalogsearch").igGrid({

                autoGenerateColumns: false,

                rowTemplate: template,

                columns: tablecolumns,

                jQueryTemplating: true,

                dataSourceType: 'json',

                dataSource: data.json,

                width: '100%',

                height: '100%',

                features: [

            {

                name: 'Paging',

                type: 'local',

                pageSize: 100

            },

            {

                name: 'Sorting',

                type: "local"

            },

            {

                name: 'Selection',

                mode: 'row',

                rowSelectionChanging: function (ui, args) {

                    var col = document.getElementById("catalogsearch_CatID").cellIndex;

                    var row = $("#catalogsearch").igGrid('activeRow');

                    var cell = $("#catalogsearch").igGrid('cellAt', col, args.row.index);

                    if (debug) {

                        console.log('rowSelectionChanging event fired. Row Index = ' + args.row.index + '-' + $(cell).text());

                    }

                    window.open('../dashboard/catalogbuilder.aspx?id=' + $(cell).text(), '_self', false);

                }

            },

            {

                name: 'Updating',

                enableAddRow: false,

                editMode: 'none',

                enableDeleteRow: true,

                // event raised before row was deleted

                rowDeleting: function (evt, ui) {

                    var col = document.getElementById("catalogsearch_CatID").cellIndex;

                    var row = $("#catalogsearch").igGrid('activeRow');

                    var cell = $("#catalogsearch").igGrid('cellAt', col, args.row.index);

                    var answer = confirm("Are you sure you want to delete this catalog?");

                    if (answer) {

                        try {

                            showLoader("Deleting Catalog..."); //Loader hidden in comm_findproduct_trackSuccess()

                        } catch (error) {

 

                            if (debug) {

                                console.log("showLoader() error: " + error.description);

                            }

 

                        }

 

                        simpleLoad('../clientadmin/stats.aspx/deleteCatalog', { CatID: $(cell).text() }, function (data) {

                            if (data.success) {

                                alert("Catalog Deleted");

                            } else {

                                alert("There was a problem deleting the catalog");

                            }

                        });

                    }

 

                    try {

                        hideLoader(); //Loader shown in find_product()

                    } catch (error) {

                        if (debug) {

                            console.log("hideLoader() error: " + error.description);

                        }

 

                    }

                },

                // event raised after row was deleted

                rowDeleted: function (evt, ui) {

                    //                    var cell = $("#b2busers").igGrid('cellAt', 0, ui.rowID);

                    //                    console.log("rowDeleted event fired. Row Index = " + ui.rowID + '--cellValue = ' + $(cell).text());

                }

            },

            {

                name: 'Filtering',

                type: "local",

                filterDropDownItemIcons: false,

                filterDropDownWidth: 200

            },

            {

                name: 'GroupBy',

                columnSettings: [

                    {

                        columnsettings: "CreatedDateTime",

                        isGroupBy: true,

                        dir: "asc"

                    }

                ]

            }

 

        ]

            });