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
17
votes
2 answers

Backbone.js: access parent view from child view?

In general, how to access parent view from a child view in Backbone? Specifically, in Backgrid.js, is there a way to access parent row from a cell?
eugene
  • 39,839
  • 68
  • 255
  • 489
11
votes
1 answer

How to add a custom delete option for backgrid rows

i have developed editable grid using backgrid and it looks good also. following is my output : when i select the check box and click on delete icon, then the selected rows are deleted. now i also would like to have the delete option on each row so…
Java Questions
  • 7,813
  • 41
  • 118
  • 176
5
votes
2 answers

displaying nested attributes in backgrid

I have a json object in the following format: { properties:{ url:"http://..." } } And I want to display the url in a Backgrid grid. However, I can't figure out how to change the name attribute of the column such…
anubhavashok
  • 532
  • 3
  • 15
4
votes
2 answers

Is it possible to do this pagination without backgrid?

I'm trying to implement server side pagination like datetable and I found backbone.paginator library, I don't know if there is something else. Through their examples they used another library to help accomplishing this which is backgrid.js and its…
Basheer AL-MOMANI
  • 14,473
  • 9
  • 96
  • 92
4
votes
2 answers

Limit TD text length

I've a grid generated by backgrid. And I want to limit text length, each td must be on one line. width property on td has no effect. Thanks for your help.
amiceli
  • 437
  • 5
  • 11
  • 29
4
votes
2 answers

How to implement delete per row for backgrid

I've been trying to implement a "delete" button for backgrid rows. A solution seems to be described here: How to add a custom delete option for backgrid rows However, I don't seem to get it working. Here is what I tried: var DeleteCell =…
Ta Sas
  • 9,573
  • 15
  • 51
  • 73
4
votes
1 answer

Backgrid integration

How I would use backgrid within a backbone.marionette application?
Hellblazer
  • 779
  • 5
  • 10
3
votes
1 answer

Add attribute to checkbox Backgrid

Hello guys I am using backgrid to render my table which by chance also have some checkboxes. Now I want to add 2 attributes to those checkboxes but I can't figure out how to do it. Can somebody tell me how can I accomplish it. Thanks HTML
Gardezi
  • 2,692
  • 2
  • 32
  • 62
3
votes
1 answer

Getting most basic Backgrid.js example working

I am trying to get the most basic example of backgrid.js to work. In other words, an example where i can drop the source folder into my xampp/htdocs folder and run without having to do anything else. I have tried many ways to get the code to run but…
CodeGuyRoss
  • 786
  • 1
  • 10
  • 23
3
votes
1 answer

how to delete "select-all" and "select-row" in backgrid.js?

js and i am new to it i am done with show data in grid ,now i add select-all header cell and cell as select-row now i am not getting how to delete checked row from server and how can i make html del button for it.which will connect to it? here is my…
Anuj Garg
  • 167
  • 1
  • 3
  • 14
3
votes
1 answer

Uncaught TypeError: Converting circular structure to JSON : Backbone

I am trying to save a backbone collection like the following : var backgridModel = Backbone.Model.extend({ }); var BackgridCollection = Backbone.Collection.extend({ model: backgridModel, url : 'api/list' }); var backgriCollections = new…
Java Questions
  • 7,813
  • 41
  • 118
  • 176
3
votes
1 answer

Backbone model fires "change" event twice

I just started working on backbonejs about a week ago and i discovered that my model is being saved twice on listening to calling "change" event from my view . Basically what i have is a table which user can edit, whenever the user updates the cell…
sri85
  • 337
  • 2
  • 19
3
votes
1 answer

Backgrid wont render date values from database

Im new to backGrid and im very impressed with what it can do so far. I have successfully got some data from my Database back to my web-app in JSON and all renders ok with the exception of a date column which will throws an error: Object…
user1694873
  • 473
  • 1
  • 11
  • 21
2
votes
1 answer

Sorting custom (currency) formatted column in backgrid

I'm using Backgridjs to display data from json object to table. I'm currently using a formatter to format string-numbers into currency. Once I did that the sorting no longer work properly as it sorting as a string rather than number. How can I…
abahrani
  • 51
  • 5
2
votes
1 answer

Sort Backbone Paginator Results on Server instead at Client

I use https://github.com/backbone-paginator/backbone.paginator to display data at a table whose columns are sortable. But when clicking on any header of a column, the sorting is done at the client instead of doing a new server request that should…
enigma969
  • 397
  • 6
  • 21
1
2 3
…
9 10