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

Preset search term in backgrid.js filter

In the documentation of the ClientSideFilter I read the following: Renders a search form with a text box, optionally with a placeholder and a preset value if supplied during initialization. I can set a placeholder value during initialization,…
justfor1question
  • 273
  • 1
  • 3
  • 4
0
votes
1 answer

Filter Backgrid columns by number

With a table like this 1|2|3 4|1|1 1|1|1 Now I want to filter by columns with numbers >=3, I would get: 1|2|3 4|1|1 The ClientFilter library seems to only be made for strings (regex implementation). Is there an alternate way of doing this?
Drew
  • 4,683
  • 4
  • 35
  • 50
0
votes
1 answer

Highlight Backgrid row with pending edits

Each row of my grid has a button for saving the model, and I need a way to highlight rows with pending edits. It's too easy to click around the grid without saving, and totally lose track of unsaved edits. Some users might also not notice the save…
Dave
  • 489
  • 1
  • 3
  • 13
0
votes
1 answer

Nested Backbone Model doesn't have method 'get' until being moved from one Collection to another

The Setup I am new to Backbone, and am using it with Backgrid to display a large amount of data. The data represents two lists of Ingredients: one with existing and one with updated values. There are no primary keys for this data in the DB so the…
TWGerard
  • 885
  • 1
  • 10
  • 24
0
votes
1 answer

How to handle Backgrid.js cell edition requests

I am working with Backgrid these days. Trying to edit a row value and to persist the database object, I end up with the following HTTP error: NetworkError: 405 Method Not Allowed - http:// localhost:8084/fsrtool/api/roles/5 My web application…
Davd33
  • 20
  • 3
0
votes
1 answer

Backgrid/Backbone Pageable: Custom HTTP Headers with GET Request

I'm having trouble pushing a custom header in my requests when using the paging functions with Backgrid.js and Backbone-pageable. The initial request is fetching the data correctly with custom headers being set using xhr.setRequestHeader. How do I…
Monty
  • 27
  • 5
0
votes
1 answer

Backgrid sorting with undefined values

I am using Backgrid. I found that one of my columns has 'undefined' value. Backgrid sorting doesn't work correctly when there is undefined in the column. I looked into the source code. onClick: function (e) { e.preventDefault(); var…
curious
  • 21
  • 1
0
votes
0 answers

backbone-pageable, when I deleted the last row of page

I am using this code for remove a row $(document).on("click", "#deleteSelection${cadenaAleatoria}", function(){ $('.alertaGrillaResultado').css('display','inherit'); var selectedModels = grid.getSelectedModels(); if(selectedModels !=…
marti_
  • 130
  • 5
  • 14
0
votes
1 answer

upon backgrid:edited event mode does not have changed attribute

I am using backbone and backgrid and also using backgrid select2 extension. When i change the backgrid cell, and add some list item from select2, upon consoling before model.save i get model.changed with no properties and also…
codeofnode
  • 18,169
  • 29
  • 85
  • 142
0
votes
1 answer

Filter by models sub field

i need filter a Backgrid by a model sub field. I have the next JSON string from the server: [{"iduser": {"iduser":1224,"apellido":"Agostini","nombre":"Juan Ignacio","dni":47121281} }, {"iduser": …
ramiromd
  • 2,019
  • 8
  • 33
  • 62
0
votes
2 answers

Define uri cell with text

I need to print an anchor in column cell. But, I don't have idea as how do it correctly. I defined the cell as: {name: 'menu', label: 'Menu', cell: Backgrid.UriCell.extend(), sortable: false} But, I don't know how set the text of the link. Any…
ramiromd
  • 2,019
  • 8
  • 33
  • 62
0
votes
1 answer

backgrid.js delete selected

I am trying to add a delete button to a datagrid (using backgrid.js http://backgridjs.com/) I have a select row var grid = new Backgrid.Grid({ columns: [{ // name is a required parameter, but you don't really want one on a select all column …
user3054740
  • 11
  • 2
0
votes
1 answer

How to get data out of backgrid js and submit it in a form submit?

How to extract JSON data that I've already displayed in a grid using backgridjs, to submit via form post submit?
Hick
  • 35,524
  • 46
  • 151
  • 243
0
votes
2 answers

how to get option values for BackGrid Select2cell from database

Backgrid example code: This is the code given in the backgrid website, similarly i have to get the values from the database to populate the select2cell option values inside the grid var data = new Backbone.Collection([{number: 5, another: 1}]); …
user3070223
  • 1
  • 2
0
votes
1 answer

How to remove backgridjs row to display new rows?

This appends a new set of rows to the original grid: var refreshgrid = function(){ var grid = new Backgrid.Grid({ columns: columns, collection: ter }); // Render the grid and attach the root to your HTML document //…
Hick
  • 35,524
  • 46
  • 151
  • 243
1 2 3
…
9
10