dhtmlxLayout cell contains grid with paging

Suite and Optimus Suite 5
#1

dear sir,



can you please give me a sample code that would be using dhtmlxLayout(1C), and your following sample example should be shown in the 0th cells of that dhtmlxLayout

dhtmlxGrid/samples/loading_big_datasets/pro_paging_wt.html



Plz, guide me as soon as possible



thanx

sandip

#2


Hello,


You can use attachObject method to add a table with grid into layout cell. And then you apply the same approach as in dhtmlxGrid/samples/loading_big_datasets/pro_paging_wt.html:






var dhxLayout = new dhtmlXLayoutObject(“layoutId”, “1C”);


dhxLayout.cells(“a”).attachObject(“parentId”);
mygrid = new dhtmlXGridObject(‘gridbox’);
…


mygrid.enablePaging(true,10,3,“recinfoArea”);
mygrid.setPagingSkin(“toolbar”)
mygrid.init();
…






#3

thanx, above solution is working fine. But here one problem arises. I am using small dataset( 11 records). I set to show only 5 records on a page  but the first page the whole records(11 records), 2nd page is showing correct 6-10, and third page is showing 1 record. I am sending some of the my sample codes.
------------------------------------------



   
       
           
       
       
           
       
   

               

           



------------------------------------------
// enable paging
propertyView.prototype.enablePaging = function()
{
    document.getElementById(“recinfoArea”).style.display="";
    this.propertyViewGrid.enablePaging(true,10,3,“recinfoArea”);
    this.propertyViewGrid.setPagingSkin(“toolbar”)
}

// disable paging
propertyView.prototype.disablePaging = function()
{
    document.getElementById(“recinfoArea”).style.display=“none”;
}
----------------------------------------------------------------------

// enable property grid
propertyView.prototype.enablePropertyGrid = function()
{
    document.getElementById(“gridbox”).style.display="";
}

// disable property grid
propertyView.prototype.disablePropertyGrid = function()
{
    document.getElementById(“gridbox”).style.display=“none”;
}
------------------------------------------------------------------

this.enablePaging();
            this.enablePropertyGrid();
           
            var szQuery = applicationViewObj.getQuery(entity);
            var szLocation =  location.protocol + “//” +location.host;
            var url = “/GridTransform.jsp?query=”+szQuery ;
            var url1 = “/GridTransform.jsp?”;
       
            this.propertyViewGrid.loadXML(szLocation+url);
            this.propertyViewGrid.setSerializationLevel(true,false,true,true,true,false);
            this.propertyViewGrid.enableSmartRendering(true);
--------------------------------------------------------------------------------------------------


#4

sorry insted of 5, I mentioned to show 10 record on a page, so plz asume it as 5.

#5


Please, try to use 5 intead of 10 as the second parameter:


grid.enablePaging(true,5,3,“recinfoArea”);