Flexigrid - Lightweight but rich data grid

[eluser]koriolis[/eluser]
Hi guys,

To whoever needs it here's 3 simple plugins that I built for myself but can be also useful to anyone. The code probably is not so elegant, but it gets the job done.

Note that if you have 2 flexigrids on screen (as I have) and use pagination, when you delete one row from a table, for some weird reason, the other grid's item display gets updated, sometimes with strange results. I'm not sure is it's my DeleteRows plugin that is firing some event, something in my other pieces of code that is messing it, or even if it's something on Paulo's code doing it, but I'm sure some helpful soul will enlighten me if at all possible.

Here's the code:

Get selected rows

Code:

$.fn.flexGetSelectedRows = function()
{
    if($(this).get(0).grid) return $('tbody tr.trSelected',$(this).get(0).grid.bDiv);
  
};//end flexGetSelectRows

Unselect All Rows

Code:

$.fn.flexUnselectAll = function()
{
    if($(this).get(0).grid) $('tbody tr.trSelected',$(this).get(0).grid.bDiv).removeClass("trSelected");
        
};//end flexUnselectAll

Delete Selected Rows

Code:

$.fn.deleteSelectedRows = function(){
        
    var obj = $(this).get(0);
    var grid = obj.grid;
    var params = obj.p;
    var colModel = params.colModel;
    var colData = params.colData;
        
    //Get Select Rows
    var rows = $(this).flexGetSelectedRows();
        
    if (rows.length > 0) {            
            
        var ids = new Array();
            
        //Get Selected Row Ids
        rows.each(function(){
            ids.push(parseInt($(this).attr("id").split("row").join("")));
        });
                                    
        //Remove rows with selected ids from ColData
        var temp = new Array();
        $.each(colData.rows,function(idx){
            if(($.inArray(this.id,ids)<0)) temp.push(colData.rows[idx]);
        });
        colData.rows = temp;            
                        
        //Update total and rp props @ colData
        colData.total = colData.rows.length;
        colData.rp = colData.total;
            
        //Pass data to the grid API
        $.extend(params,{dataType:'json',colData: colData});
    
        //Reload grid
        grid.addData(params.colData);
    }
}//end flexUnselectAll