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.
150
questions
2
votes
1
answer
199
views
Sorting custom (currency) formatted column in backgrid
I'm using Backgridjs to display data from json object to table. I'm currently using a formatter to format string-numbers into currency. Once I did that the sorting no longer work properly as it ...
0
votes
1
answer
62
views
Backgrid.SelectCell.extend option value must be a number?
Hy guys. How to convert option value of SelectCell from string to number using Backgrid.SelectCell.extend? I need list of years in select like [2019,2019], [2018,2018],[2017,2017].
0
votes
1
answer
57
views
Filter backgrid data table by Date column
I have a backgrid data table with some columns like id, name, user_creation_date and i have a datetime picker widget. How can i create a custom filter to filter the results based on a specific ...
0
votes
1
answer
29
views
Backbone model attributes are nested twice after upgrading to backbone 1.3.3
After upgrading my project to backbone 1.3.3 my attributes are nested inside another attributes parameter.
What I mean is that they appear in this.model.attributes.attributes rather than in this....
0
votes
1
answer
15
views
How to add navigation to backgridjs elements?
I'm pretty new to backbone and backgrid and wonder how to add an anchor for navigation to a backgrid grid? So far I create a number of grids and store their meta information in a navigational ...
0
votes
0
answers
89
views
Problem with variable scope in nested Backbone views
I have a parent view which contains a Backgrid view. In the parent view's initialize section I define a variable isWellSelected. The variable is toggled in the Backgrid column logic when a tickbox ...
0
votes
1
answer
192
views
Passing events into a Backgrid view
I am using Backbonejs and Backgrid and would like to set up an event listener inside the Backgrid view to catch events triggered in another view. The event would call a function to clear the ...
1
vote
0
answers
223
views
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?
...
0
votes
1
answer
84
views
Get current Sort Key Of Backgrid Table
I have following table made by Backgrid.js:
this.grid = new FixedWidthGrid({
columns: this.columns,
row: SelectableDocumentContextMenuRow.extend({
contextMenu: ...
4
votes
2
answers
452
views
Is it possible to do this pagination without backgrid?
I'm trying to implement server side pagination like datetable and I found backbone.paginator library, I don't know if there is something else.
Through their examples they used another library to help ...
0
votes
2
answers
98
views
Binding model with same id not working with backgrid in Backbone.js
I am binding a User model class to backgrid. User model contains id, name, domain. Our aim is display the users corresponding to different domains. Hence same user can be present in multiple domains. ...
0
votes
1
answer
417
views
Saving Only the changed record on a BackGrid grid?
I am in the process of learning Backbone.js and using BackGrid to render data and provide the end user a way to edit records on an Microsoft MVC website. For the purposes of this test grid I am using ...
2
votes
1
answer
610
views
Sort Backbone Paginator Results on Server instead at Client
I use https://github.com/backbone-paginator/backbone.paginator to display data at a table whose columns are sortable. But when clicking on any header of a column, the sorting is done at the client ...
0
votes
2
answers
349
views
backgrid.js - how to prevent multi-row selection?
I am new to backgrid and using it in a form to allow the user to select a row (via a checkbox) and then click "Submit". I cannot figure out how to configure my grid to behave like "radio buttons" in ...
-4
votes
1
answer
108
views
backbone backgrid: how to avoid double change event
I have a backbone/backgrid editable grid, and everytime I edit a cell the "change" event is fired up twice and I end up making two separate PUT requests.
I know that this happens because the "change" ...
1
vote
0
answers
119
views
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 ...
0
votes
0
answers
72
views
Backgrid: Highlight cells, which habe pending edits
I found totally nothing about this question in all of the forums (also google) so I will try it here.
Is it possible in Backgrid to highlight cells with pending edits? I found something for ...
0
votes
1
answer
128
views
How to get totalRows from Backgrid Client-Side search
I am having trouble getting the correct totalRecords value from my collection when performing a search with Backgrid's Client-Side filter extension.
Specifically, when I use the backspace key on my ...
0
votes
2
answers
135
views
Backgrid:render isn't being called
Backgrid is rendering
<table class="backgrid"></table>
but nothing else. Breakpoints in Backgrid:render() are not reached. I'm a Backbone newbie adapting someone else's code and so am ...
1
vote
1
answer
451
views
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.
3
votes
1
answer
506
views
Add attribute to checkbox Backgrid
Hello guys I am using backgrid to render my table which by chance also have some checkboxes. Now I want to add 2 attributes to those checkboxes but I can't figure out how to do it. Can somebody tell ...
0
votes
1
answer
1k
views
How to edit cells with backgrid
I am trying an example with backgrid paging. I have to edit a cell content on click of edit button then save the updated cell content to the server. Here iam rendering the buttons using backgrid cell ...
0
votes
1
answer
95
views
Populate backgrid with Checkboxes
Hello I'm using backgrid. I am trying to have a head and the left most column with some data and all the other to be filled by checkboxes like this
view. I can't figure out how to do it so does ...
1
vote
1
answer
319
views
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 ...
0
votes
0
answers
126
views
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({
...
0
votes
1
answer
84
views
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. ...
0
votes
1
answer
331
views
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) {...
0
votes
1
answer
603
views
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, // ...
0
votes
1
answer
102
views
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
},
...
1
vote
0
answers
299
views
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 ...
0
votes
0
answers
183
views
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 ...
0
votes
2
answers
1k
views
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. ...
0
votes
1
answer
80
views
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 ...
0
votes
1
answer
512
views
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 ...
2
votes
1
answer
70
views
Backgrid paginator withCredentials
I'm using this component https://github.com/wyuenho/backgrid-paginator to handle a pageable collection.
I'm using authentication (passport) for all my server calls and for this reason i put xhrFields:...
2
votes
0
answers
447
views
backgrid paginator is not working after collection filter
I am a beginner for backbone and backgrid.paginator . I have tried to make a table and used backgrid paginator for pagination. It works fine at the first time load but after filter, paginator does not ...
1
vote
0
answers
461
views
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 ...
1
vote
1
answer
443
views
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 ...
1
vote
1
answer
678
views
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.
4
votes
2
answers
13k
views
Limit TD text length
I've a grid generated by backgrid.
And I want to limit text length, each td must be on one line.
width property on td has no effect.
Thanks for your help.
0
votes
1
answer
248
views
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 ...
0
votes
0
answers
27
views
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 ...
0
votes
1
answer
784
views
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 ...
1
vote
1
answer
566
views
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?
1
vote
0
answers
503
views
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.
...
0
votes
1
answer
332
views
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({
...
0
votes
1
answer
1k
views
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({
...
0
votes
2
answers
287
views
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 ...
0
votes
1
answer
150
views
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 ...
0
votes
1
answer
66
views
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 ...