[4.2.0beta] Ext.grid.plugin.BufferedRenderer && layout

Code:

---

Ext.define("TestModel", {
    extend: "Ext.data.Model",
    idProperty: "id",
    fields: [
        { name: "id", type: "int" },
        { name: "name", type: "string"  }
    ]
});

Ext.onReady(function() {
    var
        maxRecordsCount = 500,
        pageSize = 25,
        createData = function(max) {
            var
                data = [];

            for(var i=0; i<max; ++i)
                data.push( { id: i, name: "Record# "+i } );

            return data;
        },
        store = Ext.create("Ext.data.Store", {
            model: "TestModel",
            pageSize: pageSize,
            data: createData(maxRecordsCount),
            proxy: {
                type: "memory"
            }
        });

    grid = Ext.create("Ext.grid.Panel", {
        //height: 400,
        layout: "fit",
        store: store,
        columns: [
            { dataIndex: "id", header: "id" },
            { dataIndex: "name", header: "name" }
        ],
        plugins: "bufferedrenderer",
        renderTo: Ext.getBody()
        //renderTo: Ext.get("divVictim")
    });
});

---

Grid doesn't show data. May I use layout?

It's not usually recommended to put a layout on a grid panel as it doesn't have children in the sense of a standard container. What are you trying to achieve?

Quote:

---

Originally Posted by skirtle

What are you trying to achieve?

---

I've resolved my issue using anchor:

Code:

---

Ext.create("Ext.window.Window", {
...
  height: 500,
  layout: "fit",
  items: [Ext.create("Ext.form.Panel", {
  ...
      items: [{
          xtype: "textfield"
      }, {
          xtype: "textfield"
      },
      Ext.create("Ext.grid.Panel", {
      ...
      anchor: "100% -50",
      ...
      })
      ]
  ...
  })]
...
});

---