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

Backgrid catching a select-all events

(Let me preface with I am new to Backbone and Backgrid.) I am using Backgrid and select-all extension and I was having issues "catching" the event that the select all fires in my containing/parent view. I want to show a details view when a row is…
Dan
  • 81
  • 1
  • 6
1
vote
0 answers

How do specify custom comparator function for a specific column in backgrid.js?

I have a column in a collection that needs custom sort. How to assign custom comparator to a column definition, so when the user clicks on the title of the column to see properly sorted values? Please check my jsfiddle…
Nik Todorov
  • 758
  • 1
  • 6
  • 17
1
vote
0 answers

Server side sorting with backgrid

I'm doing a server side grid with backgrid, so every time I set any filter, it refresh with new data, also pagination. But I have seen that when I click in a column header to sort a column, it doesn't fire any action to make the call to the…
Alejandro Garcia Anglada
  • 2,373
  • 1
  • 25
  • 41
1
vote
1 answer

Add Element in Backgrid Column

Hello guys I am using backgrid to render my table. I can't figure out how to add a element in the column. Can somebody tell me how can I do that.
user5917114
1
vote
1 answer

Bootstrap Datetime Picker in Backgrid Cell Not Rendering Correctly

I'm trying to use this Bootstrap Datetime Picker (version 4.17.37) inside a Backgrid cell, but I'm having a problem with the way the widget is rendering. The widget appears as a thin popup right below the cell, but seems to have no content inside.…
Juan Carlos Farah
  • 3,829
  • 30
  • 42
1
vote
0 answers

Using Backgrid and PageableCollection fetch method firing twice

I'm using Backgrid and Pageablecollection for pagination and each time I make a request I can see on the Network tab in Chrome Developer that the request is being fired twice, and I can't figure out why. My code looks like…
Linda Keating
  • 2,215
  • 7
  • 31
  • 63
1
vote
0 answers

Backgrid client side filtering is pulling data from previous as well as current data set

Backgrid client side data filtering is searching text from all data (previous and new data) and pagination data is not getting updated. It is pulling previously retrieved data. Please find following code:
Kaustubh Thawari
  • 23
  • 6
1
vote
1 answer

How to pass a callback function to a compiled Jade template without declaring it globally in javascript

I have created a Backgrid table to manage users. One of the functions of that table is to allow paswords to be changed by an administrator. This is achieved by adding a button cell column to the backgrid table that launches a modal change password…
BitByteDog
  • 3,074
  • 2
  • 26
  • 39
1
vote
1 answer

export backgrid.js's grid data as csv

Can anybody tell me how to export Backgrid.js table data as csv when clicking on a button. I have shown a table using backgrid.js.Now I want to export the data as csv file.
arupnathdaw
  • 293
  • 1
  • 2
  • 8
1
vote
1 answer

Tool tip on Header of Backgrid Table

I am using backgrid to display a table. I want to show tool tip on header of the table. can any one help?
Dharmesh Sojitra
  • 35
  • 1
  • 4
1
vote
0 answers

Responsive fixed header with Backgrid.js with CSS

Is there a reliable way to implement a sticky fixed header in Backgrid.js with only CSS? I am aware of the backgrid.fixedheader js plugin, and have tried it, but it is not totally reliable or stable. Is there a reliable pure CSS solution for this…
erbperg45
  • 11
  • 2
1
vote
1 answer

How to get backgrid-paginator speak with spring controller for sorting

We are using backbone.paginator;backgrid;backgrid-filter ;backgrid-paginator it works great we have small issue when trying sort - at server side mode -the grid by one (or more) of its columns For Server side with are using Spring with…
oak
  • 2,898
  • 2
  • 32
  • 65
1
vote
1 answer

Replace the editable Select2Cell's value with the text (linked to value) in the Backgrid table which is already rendered from the database

What is already implemented: We have a page where the Backgrid table is rendered from table1 in database (which is working fine) and most of the cells in the Backgrid are editable. The cells are left editable so that the existing details can be…
SJL
  • 215
  • 3
  • 11
1
vote
1 answer

Backbone (sync) update event

Is the second time i'm asking this question, in the first time the text was confused for understand, sorry for this. Here are the same question improved and best explained. I have a PageableCollection, the data is loaded without problem! The lines…
Mauricionik
  • 13
  • 5
1
vote
1 answer

Backbone > Backgrid input cell Placeholder issue

In my grid view, I insert a new backbone model (model without id) at end of collection, which insert a new blank row in backgrid I want to put placeholder in the first input cell of that blank row. I could not found the same in documentation but…
codeofnode
  • 18,169
  • 29
  • 85
  • 142
1 2
3
…
9 10