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

Rendering Backgrid when using Layoutmanager

I'm using Layoutmanager with manage set to true Backbone.Layout.configure({ manage: true which messes up rendering of the Backgrid. When manage is set to false then the table is rendered correctly, but if I set manage to true, then the table…
Strudel
  • 809
  • 4
  • 10
  • 18
1
vote
1 answer

Loading icon when data is loading in backgrid.js

hi i have some heavy data. when my grid loads data it is showing nothing and suddenly it show whole data ..i am not getting how can i put loading icon on screen? if possible please provide a fiddle. right now i my code is this:- var Territory =…
Anuj Garg
  • 167
  • 1
  • 3
  • 14
1
vote
2 answers

Sort on 'first_name' instead of 'full-name' in Backgrid

Using backgrid, displaying users list. 'User' model having first_name and last_name attributes. I have wrote method full_name on user model and displaying that full name into backgrid. { name: "full_name", label: "Name", editable: false, …
kd12
  • 1,291
  • 1
  • 13
  • 22
1
vote
1 answer

Backgrid REST design: ID is not passed automatically in the URL

My trivial CRUD REST design looks like this: create: [USERID]/weights/ read: [USERID]/weights/[ITEMID] update: [USERID]/weights/[ITEMID] delete: [USERID]/weights/[ITEMID] I tried backgrid and methodToURL. All I've been achieving is: create:…
Ta Sas
  • 9,573
  • 15
  • 51
  • 73
1
vote
0 answers

How to iterate all the values in backgridjs and send it to server only once

i have used backgridjs and i am able to populate values to grid. but when i want to send the existing values from UI to server it works fine but if i delete all the records available in grid and create new record(s) and collect all the values…
Java Questions
  • 7,813
  • 41
  • 118
  • 176
1
vote
2 answers

In Backgrid, how can I change pageSize with a select input?

I'm trying to add a select box to a Backgrid.Grid in order to fire a function that will reset the state: {pageSize} to the value the user selects. But I can't figure out how or where to bind the events to the grid. My understanding is that the…
Duffy Dolan
  • 392
  • 3
  • 8
  • 19
1
vote
2 answers

how to set height and width for cells in backrid

i have integrated backgrid.js in my current assignment everything is working fine but i would like to know that how to set height and width for a cell in the backgrid table? Is it possible to change the width and height of the backgrid table also…
Java Questions
  • 7,813
  • 41
  • 118
  • 176
1
vote
0 answers

Uncaught TypeError: 'optionValues' must be of type {Array.|Array.<{name: string, values: Array.}>}

I am trying to integrate select2 in backgrid.js. Backgridjs has extension support for select2 and the code for that is { name: "gender", cell: Backgrid.SelectCell.extend({ optionValues: [["Male", "m"], ["Female", "f"]] }), label:…
Java Questions
  • 7,813
  • 41
  • 118
  • 176
1
vote
1 answer

backgrid with backbone marionette js integration

i am trying to integrate backgrid.js with backbone.marionette.js. I am able to create jsfiddle some how but don't really know how to integrate this with backbone.marionette.js. Hopefully some SO people can help me to do that who have already done…
Java Questions
  • 7,813
  • 41
  • 118
  • 176
1
vote
1 answer

Custom function fails to trigger on backgrid:exitEditMode

I am using backgridjs for one of my upcoming projects, I want to call a custom callback function on backgrid:exitEditMode, I tried something like this below //Sample code snippet var Columns = new Backgrid.Columns({ name: "bookingID", …
sri85
  • 337
  • 2
  • 19
1
vote
3 answers

how to integrate backgrid with backbone layoutmanager

This is my code : beforeRender : function() { var columns=[{name:'hq_name',label:'Headquarter Name',cell:'string'},{name:'description',label:'Description',cell:'string'}]; var grid=new Backgrid.Grid({ columns:columns, …
user1587365
  • 11
  • 1
1
vote
2 answers

Paginator (In BackGrid) - css/image for page left and page right?

I'm using BackGrid.js to paginate my data tables but I'm having a small issue with css on the "page left" and "page right" images, they don't seem to be rendering for me so I must either be missing the releant images or I don't have the relevant css…
user1694873
  • 473
  • 1
  • 11
  • 21
1
vote
1 answer

Moment throwing TypeError string.indexOf when using Backgrid

I am using backgrid to display JSON results from the backend Db. One of the fields is time in seconds from 1970 (eg. 1362578461000) when the Backbone view receives this data backgrid sends it off to moment for formating. Moment then throws a…
Paul
  • 217
  • 3
  • 12
1
vote
2 answers

backbone.js with backgrid.js to populate JSON

I am using backgrid.js with backbone.js. I'm trying to populate JSON (user list) in backgrid. Below is my JSON, [{"name": "kumnar", "emailId":"kumar@xxx.com", "locations":{"name":"ABC Inc.,", "province":"CA"} }] I can access name &…
user1471359
  • 11
  • 3
1
vote
2 answers

Backgrid unable to render columns

I am just learning the basics of backgrid.js. So when I attempt to replicate the code on the main page Backgrid.js, I am unable to render a grid due to a particular error when passing in an array of objects for the columns. I believe I am using…
DJCrossman
  • 31
  • 4
1 2 3
…
9 10