javascript - How to add empty rows to the ExtJS Grid? - Stack Overflow

admin管理员组

文章数量:1332395

I have the grid with paging. Every page has max 10 rows. Like this:

I set gradient background for .x-grid3-scroller selector in CSS. Everything is fine, while there is 10 items in the DirectStore. But if there is less items than 10 I have that problem:

If set striped background for .x-grid3-scroller there will be no borders in columns.

How to add empty rows to the grid to fit grid to the bottom?

I have the grid with paging. Every page has max 10 rows. Like this:

I set gradient background for .x-grid3-scroller selector in CSS. Everything is fine, while there is 10 items in the DirectStore. But if there is less items than 10 I have that problem:

If set striped background for .x-grid3-scroller there will be no borders in columns.

How to add empty rows to the grid to fit grid to the bottom?

• javascript
• extjs
• grid
• rows

Share Improve this question Follow edited Aug 17, 2011 at 12:09 BUDDAx2 asked Aug 17, 2011 at 11:43 BUDDAx2BUDDAx2 39911 gold badge55 silver badges2020 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

After store is load (use load listener) check how many records are there (getCount() method) and add (add() method) 10 - store.getCount() empty records.

store.on('load', function(store) {
  var records = new Array();
  for(var i = 10 - store.getCount(); i > 0; i--) {
     records.push(new store.recordType(/*you might need to provide default data here*/))
  }
  store.add(records);
});

本文标签： javascriptHow to add empty rows to the ExtJS GridStack Overflow