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

Column Chooser in Backgrid

I am new to backgrid (and stackoverflow) and I am curious if there is any column chooser for backgrid so that user can choose what columns are to be visible in my grid. I know there is one for jqgrid which can be seen in action…
vgodly
  • 3
  • 4
0
votes
1 answer

Backgrid.filter precedence of filtering based on field name

I am new to backgrid.js and I am using filter as an extension function for my web app. I am quite confused about LunrFilter. As the code defines in this page, it has the parameter { field : 10 }. May I know what and how does field name and boost…
Vyx
  • 31
  • 3
0
votes
1 answer

How to access values in a multidimensional JSON array from backgrid template

I am trying to get json value from laravel json response to Backgrid template My laravel json response is return Response::json( array( 'items'=> $articles->toArray() )); It response json array like…
Nay
  • 1,223
  • 2
  • 9
  • 18
0
votes
1 answer

how to fetch backgrid with two parameter

I am using backgrid.js for table that I want to fetch backgrid with two parameter. Now here my code I am trying with one parameter. But I don't know how to send two parameter. territories.fetch({ data: { status: 1 }, processData: true, reset: true…
Nay
  • 1,223
  • 2
  • 9
  • 18
0
votes
1 answer

Create object from Backbone collection that maps model values to one another

We are using Backgrid which allows you to define grid columns with an array of Javascript objects which it converts to a collection. We are trying to take advantage of this to have configurable validation on a column by column basis, so we might…
Dexygen
  • 12,287
  • 13
  • 80
  • 147
0
votes
1 answer

How to make a specific editable cell as non editable in backgrid

I am using backgrid in my project ,I have a requirement like when i have selected a option in an dropdown of column i have to select a value in another dropdown and make the cell as non editable. I am using backgrid:edited event to do this I am…
Surya Prakash Tumma
  • 2,153
  • 4
  • 27
  • 47
0
votes
0 answers

Input tags inside backgrid table

I have created in backgridjs table custom "TagCell" (with implemented THIS). So my cell looks like: var TagCell = Backgrid.TagCell = Cell.extend({ className: "tag-cell", events: { 'click .tag a': 'removetag', }, initialize: function…
Makromat
  • 1,540
  • 5
  • 26
  • 47
0
votes
2 answers

Event backgrid:rendered does not work - Backgrid.js

I try to use Backgrid.js. I have some grid (I just take server-mode example). This library successfully built a grid for me. But I want map some cells to their equivalent. For example, I have "region_id" column. I want map region_id -> region_name.…
Denis
  • 3,595
  • 12
  • 52
  • 86
0
votes
1 answer

BackgridJs - How to show an object in grid

I want to show a grid for this document (model): { id: "53f7ba4b30d2317912fc8004", title: "Hellow world", on_slideshow: false, country: { name: "United state", country_code: "US" } tags: [ { …
elhoucine
  • 2,356
  • 4
  • 21
  • 37
0
votes
1 answer

How is "width: 100%" computed when I add an element to a table cell dynamically?

Backgrid allows editing values in a table, and accomplishes this by putting an inside the . The input is set to max-width: 100% but it still pushes the size of the column out farther in some cases. For an example, see the…
Tobias J
  • 19,813
  • 8
  • 81
  • 66
0
votes
1 answer

Backgrid filter not working in backbone app

I still trying to implement filter function into backbone web-app but I have still an error. View define([ 'underscore', 'backbone', 'collections/tables/TablesCollection', 'text!templates/tables/tablesTemplate.html', 'lunr', …
Makromat
  • 1,540
  • 5
  • 26
  • 47
0
votes
1 answer

What is a good way to handle updating multiple collections with a single fetch in Backbone.js?

Consider a RESTful API that returns the following in it's typical response List of results Pagination information Navigators (i.e. Categories, Sub-Categories, Locations, etc.) Graphing data In the View, every time a navigator is changed, the…
chaimp
  • 16,897
  • 16
  • 53
  • 86
0
votes
2 answers

sum footer in backgridjs

I have a backgridjs table below. var columns = [{ name: "_id", label: "account#", editable:"false", cell: "string" }, { name: "class", label: "class", editable:"false", cell: "string" },{ name: "date", …
fpena06
  • 2,246
  • 3
  • 20
  • 28
0
votes
1 answer

Backbone and BackGrid with super-simple-backbone-starter-kit

I'm trying to implement BackGrid using a Backbone boilerplate from the following location: https://github.com/azat-co/super-simple-backbone-starter-kit 1.Created a file called GridHandler.js with the following code: var Territory =…
San
  • 666
  • 7
  • 27
0
votes
2 answers

How to change Backgrid Uri Cell href attribute

I am working with Backgrid along with rails , My requirement is to change href attribute in backgrid cell options , I have the following code var grid = new Backgrid.Grid({ columns: [ { name: "location", cell:…
ratnakar
  • 352
  • 1
  • 11
1 2 3
…
9 10