Start Building Professional
Web Apps Today

dhtmlGrid groupBy method problem

Hi there,

I tried to use groupBy method. When I use dhtmlx full javascript file, groupBy works fine. However, when I use following:

dhtmlx_new/dhtmlxGrid/codebase/dhtmlxgrid.css
add_css("dhtmlx_new/dhtmlxGrid/codebase/dhtmlxgrid_skins.css
dhtmlx_new/dhtmlxGrid/codebase/dhtmlxcommon.js
dhtmlx_new/dhtmlxGrid/codebase/dhtmlxgrid.js
dhtmlx_new/dhtmlxGrid/codebase/dhtmlxgridcell.js
dhtmlx_new/dhtmlxGrid/codebase/ext/dhtmlxgrid_filter.js
dhtmlx_new/dhtmlxGrid/codebase/ext/dhtmlxgrid_group.js

the appearance of group Title doesn't overlay on columns. I mean title is behind og columns. And when increase width of column I can see broup title.

What do you thing how can I solve it?

Unfortunately we cannot reproduce this issuce locally. Please provide usa sample including files which you are using to initialize grid. (You can send it directly to the support@dhtmlx.com)

    itemsGrid = new dhtmlXGridObject('grid_container');
    itemsGrid.setImagePath("dhtmlx_new/dhtmlxGrid/codebase/imgs/");
    itemsGrid.enableAutoHeight(true);
    itemsGrid.setSkin("light");

    itemsGrid.customGroupFormat=function(text,count){
        var rows_num = itemsGrid.getRowsNum();
        for (i=0;i<rows_num;i++){
         var cell_val = itemsGrid.cells2(i,1).getValue();
         if (cell_val == text){
          var caption_text = itemsGrid.cells2(i,1).getText();
          break;
         }
        }
        return caption_text+' ( '+count+' ) ';
    };

    itemsGrid.init();
    itemsGrid.groupBy(1);
    itemsGrid.loadXML("xml.php?get=grid_supplier_articles&header=1&delivery_status=OFFERED TO CUSTOMER,SYNTOMAX WAITING FOR PAYMENT");
    itemsGrid.setColumnHidden(8,true);

    itemsGrid.attachEvent("onEditCell", function(stage,row_id,cell_index,new_value,old_value){
     var item_type = itemsGrid.getUserData(row_id,"item_type");
     switch(stage){
      case 0:
       if (cell_index==7 && item_type==1){
         combo=itemsGrid.getCombo(6);
         combo.save();
         combo.remove('WAITING FOR PAYMENT');
       }
       if (cell_index==1 || cell_index==4 || cell_index==5 || cell_index==6){
         return false;
       }
       break;
      case 1:
       break;
      case 2:
       if (cell_index==7 && item_type==1){
        combo.restore();
       }
       break;
     }
     return true;
    })

    itemsGrid.attachEvent("onXLE",function(grid, rows_num){
     total_items.innerHTML = colSum(grid,3)
     var tmp = colSum(grid,6);
     total_purchase_price.innerHTML = EURO+tmp.toFixed(2);
    });

I tried with full dhtmlx_pro_full/dhtmlx.js and css file. Same problem.

Try to replace lines
 itemsGrid.groupBy(1);
  itemsGrid.loadXML("xml.php?get=grid_supplier_articles&header=1&delivery_status=OFFERED TO CUSTOMER,SYNTOMAX WAITING FOR PAYMENT");
with
itemsGrid.loadXML("xml.php?get=grid_supplier_articles&header=1&delivery_status=OFFERED TO CUSTOMER,SYNTOMAX WAITING FOR PAYMENT",function(){
  itemsGrid.groupBy(1);
});

It works.

Thank a lot.