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
0
votes
1 answer

backgridjs model filter not hiding non-matched rows

I've tried asking this question in the backgridjs github issues forum as well, but I know @wyuenho is a busy guy and this is somewhat of an urgent matter. http://ap_gee.ig_te.ms/i_eapis/portal/sessions/example_broken.php [url obfuscated] Here is an…
brandonscript
  • 68,675
  • 32
  • 163
  • 220
0
votes
0 answers

using Backgrid and Backbone-relational

I have a model which has HasMany items in it. var Checklist = Backbone.RelationalModel.extend( { …
eugene
  • 39,839
  • 68
  • 255
  • 489
0
votes
2 answers

Uncaught TypeError: Object 5229d8fff4ae7a3803000023 has no method 'toFixed'

Here is my code snippet : json.iddd = ~~(json.id); console.log(typeof(json.iddd)); //shows number new ResponseTabView(json.iddd); // backbone view inside the view i am calling: this.grid = new Backgrid.Grid({body : this.body,…
codeofnode
  • 18,169
  • 29
  • 85
  • 142
0
votes
0 answers

Keep a separate "filtered" version of a Backbone.js Collection - or is there another way?

Using Backgrid to show tables with two backbone Collections (CollectionA and CollectionB) which could contain "large" data (maybe several thousand models). Now that I've got Backgrid handling the two collections nicely, I need to add a checkbox…
Mark Kasson
  • 1,600
  • 1
  • 15
  • 28
0
votes
1 answer

How to call render method of a cell view from the editor view upon change event?

I have the backbone view like var EditorView = Backbone.View.extend({ //..... }); var CellView = Backbone.View.extend({ editor: EditorView initialize: function (optionValues,multiple) { //.... …
codeofnode
  • 18,169
  • 29
  • 85
  • 142
0
votes
1 answer

Formatting DateCell Backgrid js

I am using the Backgrid js component for showing my data grid. It's pretty straightforward and simple. However I am having difficulties formatting the date to show up in mm/dd/yyyy or dd/mm/yyyy it shows up in yyyy/mm/dd format by default. Can…
mvinayakam
  • 2,808
  • 2
  • 18
  • 20
0
votes
1 answer

drop down list using backgrid?

I want to create a drop down list in a table cell using backgrid.js I am creating the following column: { name: "priority", label: "Priority", cell: Backgrid.SelectCell.extend({ // It's possible to render an option group or use a …
codeofnode
  • 18,169
  • 29
  • 85
  • 142
0
votes
1 answer

Backgrid.js error, "has no method 'omit'"?

I'm working on an app in Backbone and am trying to implement Backgrid.js, but I keep getting this error: Uncaught TypeError: Object function (a){return new m(a)} has no method 'omit' This occurs when the Backgrid.Grid is initializing and seems to…
Duffy Dolan
  • 392
  • 3
  • 8
  • 19
0
votes
1 answer

Where do I initialize backgrid in my Backbone/Rails app?

I have a Backbone.js app and am trying to integrate with Backgrid, but I am having trouble understanding where I should be calling new Backgrid. I tried calling it in my view after things get rendered but appending the grid doesn't work because…
dchapman
  • 365
  • 5
  • 20
0
votes
2 answers

How to deleted multiple rows from backgrid js

i am have integrated backgrid.js with backbone.marionnette.js. there is spec in the document as how to delete a single row or column from grid as follows // Remove a column var genderCol = grid.columns.where({ name: "gender"…
Java Questions
  • 7,813
  • 41
  • 118
  • 176
0
votes
1 answer

Backbone.Backgrid infinite loop when calling model.save() on collection change event

Backbone.Backgrid enters a PUT request loop when I save a changed model inside my collection. The loop only happens when I return the updated (or old) model in the PUT request, but not when returning only a 200 response. Here is my event code that…
Petrus Theron
  • 27,855
  • 36
  • 153
  • 287
0
votes
1 answer

backgrid throwing TypeError

I'm getting this error on line 1620 of backgrid: Uncaught TypeError: Cannot call method 'text' of null Here's my code, which imitates the example: var ConversionTag = Backbone.Model.extend({}); var ConversionTagCollection =…
sprugman
  • 19,351
  • 35
  • 110
  • 163
0
votes
1 answer

Exposing relational models to backgrid.js

I want to expose some attributes from relational model (builded via backbone-relational) to my backgrid (builded via backgrid.js). As I understand backgrid receives collection and mapped model as columns object. So I need to change model when the…
Integral
  • 115
  • 1
  • 8
0
votes
1 answer

How does Backgrid know what numbers to generate for pagination?

I'm implementing pagination for my Backgrid powered tables, like so: footer: Backgrid.Extension.Paginator And in my Collection: state: { pageSize: 15 } Now, I haven't actually implemented any handling of pagination server side (which is what I…
benhowdle89
  • 36,900
  • 69
  • 202
  • 331
-4
votes
1 answer

backbone backgrid: how to avoid double change event

I have a backbone/backgrid editable grid, and everytime I edit a cell the "change" event is fired up twice and I end up making two separate PUT requests. I know that this happens because the "change" event fires once when I edit it in the cell, and…
yivi
  • 42,438
  • 18
  • 116
  • 138
1 2 3
…
9
10