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
0 answers

Use Backgrid SelectFilter with JSON from API

I am having problems binding data to my Backgrid's SelectFilter (dropdown). Here is the code that is not working: // Create a Backbone Model var OccupationCategoryModel = Backbone.Model.extend({ defaults: { Prefix: "", Title: "" …
AussieJoe
  • 1,285
  • 1
  • 14
  • 29
0
votes
1 answer

How to omit checkbox from select-all event in Backrid.js

In my collection there are models which I would like to exclude from being selected. Is there a way to make a checkbox non responsive to select-all event? I would like it to stay checked and disabled. I've tried to do it outside of the Backgrid: …
curious_gudleif
  • 572
  • 1
  • 4
  • 19
0
votes
1 answer

Backbone.js fetch after filtering results resetting to original result set

I'm using Backgrid and Pagination with Backbone and I'm using fetch to filter a collection, which in turn updates the Backgrid table and the Paginations controls. filterFunction: function (query) { _.each(query, function (q) { …
Linda Keating
  • 2,215
  • 7
  • 31
  • 63
0
votes
1 answer

Backgrid doesn't render the grid with the updated collection

I'm using Backgrid and I create the Backgrid Object as follows in my Controller: $.when(recipeRequest).done(function (recipes) { List.grid = new Backgrid.Grid({ columns: columns, // where columns is defined elsewhere collection:…
Linda Keating
  • 2,215
  • 7
  • 31
  • 63
0
votes
1 answer

Backgrid lazily load one column

I'm using Backgrid to create a table. For this I have Entities.RecipeCollection = Backbone.PageableCollection.extend({ model: Entities.Recipe, url: '/api/v1/recipes', state: { firstPage: 1 }, queryParams: { sort_by : 'id', currentPage:…
Linda Keating
  • 2,215
  • 7
  • 31
  • 63
0
votes
0 answers

Backgrid ServerSideFilter

I'm using the Backgrid filter extension http://backgridjs.com/ref/extensions/filter.html and I'm wondering how I can Set the search element to a checkbox instead of a search box Chain a series of query parameters ala ?q='djfsl'&q2='jdfskf' So…
Linda Keating
  • 2,215
  • 7
  • 31
  • 63
0
votes
2 answers

How to pass the editable cell content after edited in backgrid.js

Here is my grid.js that populates the data from database.I got all codes set and everything is working fine. After the editable field is clicked i want that specific data to be passed to the backend. How can i achieve that? As it is an example from…
Alaksandar Jesus Gene
  • 6,523
  • 12
  • 52
  • 83
0
votes
1 answer

Use Backgrid with Meteor

How would one go about integrating Backgrid with Meteor? I'm using the meteor package productiveme:meteor-backgrid which uses the latest Backgrid version but no documentation for usage in meteor. My two main questions are these: Question #1 How do I…
Scott
  • 3,204
  • 3
  • 31
  • 41
0
votes
1 answer

Backgrid paginator not working after filtering collection

I am trying to implement backgrid pagination on my backbone collection. It works fine until I implement the filter. After I filter my collection, the paginator's page number changes but when I click the other page, nothing happens. Here's my model…
jimmypage
  • 656
  • 5
  • 17
0
votes
1 answer

Local storage use in Backgridjs

I make app using backbone js(Marionette Framework) with other functionality like Backgrid,backbone local storage, Backbone Radio, epoxy, Backbone relational model. What is the issue ? When I am using localstorage functionality in my Backbone…
Jay Patel
  • 5,783
  • 1
  • 17
  • 20
0
votes
0 answers

Invoking a Backgrid from another

I'm in backgrid 1, where I've rowclick event enabled, now I want to invoke a refresh of another grid based on the click. Two ways I'm thinking a. The row click event handler does the .get and passes the data to the collection of another grid b.…
Aji
  • 133
  • 1
  • 5
0
votes
1 answer

Dynamically adding columns to BackGrid inside a Marionette view

So, I have a complicated Marionette app with several composite views. I am attempting to add a dynamic BackGrid to the view, but can't seem to get it to add columns. I create the grid and add it to the view as per this post: Backgrid integration.…
Deano
  • 1,136
  • 10
  • 19
0
votes
1 answer

Check if backgrid cell was edited

I just want to check if there is another way to check if a cell has been edited. Currently here is my code snippet. This is a custom cell editor. Backgrid.CustomDateCell = Backgrid.DateCell.extend({ editor: Backgrid.InputCellEditor.extend({ …
manoyanx
  • 171
  • 1
  • 10
0
votes
1 answer

Datepicker onClose event not firing when used as a backgrid editor

I have searched the net and i cannot find any sort of light for this problem. Here is my snippet. Backgrid.CustomDateCell = Backgrid.DateCell.extend({ editor: Backgrid.InputCellEditor.extend({ attributes: { type: "text" …
manoyanx
  • 171
  • 1
  • 10
0
votes
2 answers

Backgrid.JS: How to push edits to server as POST requests to PHP

I have an editable table. Below is a function that renders the table, given the Element ID to which the table is to be rendered, an array of columns, and a controller name, which is used in the construction of the URLs. The URLs are of the following…
dhruvit-r
  • 73
  • 7
1 2 3
…
9 10