Stack Overflow
Stack Overflow

Questions tagged [backgrid]

Backgrid.js is a datagrid UI library for Backbone.js. It is easily stylable and is supported in IE8+ and all modern browsers.

is a set of components for building semantic and easily stylable data grid widgets. It offers a simple, intuitive programming interface that makes easy things easy, but hard things possible when dealing with tabular data.

Links

Features

The goal of Backgrid.js is to produce a set of core Backbone UI elements that offer you all the basic displaying, sorting and editing functionality you'd expect, and to create an elegant API that makes extending Backgrid.js with extra functionality easy.

Advantages

  • No Hungarian notations.
  • Solid foundation; it's Based on Backbone.js.
  • Semantic and easily stylable. Just style with plain CSS like you would a normal HTML table.
  • Low learning curve. Works with plain old Backbone models and collections. Easy things are easy, hard things possible.
  • Highly modular and customizable. Components are just simple Backbone View classes, customization is easy if you already know Backbone.
  • Lightweight. Extra features are separated into extensions, which keeps the bloat away.

Supported browsers:

  • Internet Explorer 8+ [1]
  • Chrome 4+
  • Safari 4+
  • Firefox 4+
  • Opera 9+ [2]
150 questions
1
vote
3 answers

Backbone Paginator click event

I am new to backbone and am using backbone in my rails application . This is what I am doing in my application I am using Backbone Paginator for pagination support in my application as well using Gmaps for rendering locations on gmaps , for each…
ratnakar
  • 352
  • 1
  • 11
1
vote
1 answer

How to add a column for displaying small size of img inside backgrid.

I want to add a column field inside backgrid to display img and other information related to that user. var columns = [ { name: "id", label: "Id", cell: "integer",editable: false }, { name: "active_image", label: "Image", cell:…
moss
  • 214
  • 1
  • 2
  • 12
1
vote
1 answer

Backgrid.js, is it possible to skip rendering of some rows

While it seems I can remove some rows, is it possible to skip rendering of some rows based on some filtering logic? e.g. don't render a row where model.get('someProp') == 'X'
gxc
  • 4,946
  • 6
  • 37
  • 55
1
vote
0 answers

backbone route history with backgrid

I am kind of new to backbone and I am building a grid using backgrid which uses backbone. I have a grid which you can sort and fillter with 4 or 5 different fillters and also paging. I came to the point where I want that after the user filtered…
toto
  • 11
  • 2
1
vote
1 answer

How to customize the UriCell's render of BackGrid

I have the following name: "id", // The key of the model attribute label: "User Id", // The name to display in the header editable: false, // By default every cell in a column is editable, but *ID* shouldn't be cell: Backgrid.UriCell.extend({ …
user3370080
  • 11
  • 2
1
vote
1 answer

How to make editable & non editable rows with Backgrid.js in a single grid

I would like to render a grid with editable & non editable rows based on condition. I'm able to do achive setting color to differentiate this, but making it non editable for deleted records will be more useful. expecting good solutions. var…
pradeep
  • 11
  • 3
1
vote
1 answer

Backgrid.js: Getting selectedmodels() attributes

I am trying to add a shortlist button to a datagrid (using backgrid.js http://backgridjs.com/) What i want is the shortlist button takes the id's of all selectedmodels and save them in database. If i do this this.model.get('id') it takes the id of…
madeeha ameer
  • 479
  • 2
  • 8
  • 22
1
vote
2 answers

How to hightlight non editable backgrid cells?

I am using backbone and backgrid. I want to make some backgrid cells non editable and highlight them. And i am looking for a simple css property over those cells. But unfortunately backgrid does not impose any specific class to the non editable…
codeofnode
  • 18,169
  • 29
  • 85
  • 142
1
vote
1 answer

Add Backgrid.Filter for each column

I have to add filter for each column like this: But I can't understand how should I extend Backgrid.Header to achieve this. Any help would be appreciated.
terales
  • 3,116
  • 23
  • 33
1
vote
1 answer

Backgrid.js with Backbone-pageable, how set inital page number, sort and sort type in client mode paginator?

When backgrid paginator is in client mode, I unable to set initial page number, sort column and order type. I simply created my grid following example in backgrid-paginator-master package then set initial page, order column and order type in…
Giginiello
  • 13
  • 1
  • 3
1
vote
1 answer

overwrite Backgrid.Extension.LunrFilter

var lunrFilter1 = new Backgrid.Extension.LunrFilter({ collection: pageableTerritories.fullCollection, placeholder: "Name", fields: { name: name }, ref: 'id', wait:…
user3054740
  • 11
  • 2
1
vote
1 answer

How to fetch JSON data and update html using BackboneJs?

I am using BackgridJs which uses Backbonejs to fill up a grid with data. This is how my code looks like now: Terminal …
Hick
  • 35,524
  • 46
  • 151
  • 243
1
vote
1 answer

How do I automatically select text in a Backgrid cell when it receives focus?

I have an app that is using BackgridJS for a spreadsheet-like editor interface. As the user tabs across a row, each cell (Backgrid.StringCell) becomes editable automatically. However, the cursor is placed at the end of the cell contents requiring…
Kyle Noland
  • 4,788
  • 6
  • 30
  • 33
1
vote
2 answers

how do i add a datepicker for a backgrid cell

I am working on backgrid to achieve grid functionality where i have a requirement to add a datepicker to a backgrid cell instead of using the Backgrid.DateCell. Awaiting for you response samplecode: datagrid(collection) : { …
gangadhar
  • 11
  • 3
1
vote
1 answer

how to use "No Record Found" in backgrid.js

hi i want to print in my grid "No Record Found" nothing found or 0 rows in table. right now my grid showing result when it get data but when not it shows empty grid .so how can i print "no record found" when there is no record ?
Anuj Garg
  • 167
  • 1
  • 3
  • 14
1 2 3
…
9 10