evhaus / doby-grid

An HTML table element on steroids.

Hi there 👋

If you see some code in my profile you like, I can proudly admit that I wrote it. If you notice any bugs, then it probably wasn't written by me. 😉

doby-grid's Issues

Create new 'serialize' method for adding custom properties to data items

To save on data cycles, add a 'serialize' methods where developers can modify the given data objects on the fly.

Editor does not edit the active cell when cells are selected

Steps to reproduce:

• Click-drag to select some cells
• Then click on a cell outside of the selection to make it active
• Type in a new value
• Note that only the selected cells are edited, but the active cells is not

resetting filter does not work.

doing the following

var models = [backboneCollection]
if (showFav) {
                    this.grid.filter(function(item) {
                        return item.get('favorite');
                    });
                } else {
                    this.grid.reset(models);
                }

this.grid.reset(models); does not reset it.

Is there a on render event?

Collection with 800 models, need to add an event to a dom element inside a column. Need an event on initial dom render, then when scrolling the dom render after scroll end.

Expose the idProperty to developers

Sometimes users will want to use the Backbone.Model.cid for specifying a unique index for rows. Expose this to the Grid Options.

sorting large collections - add sort start event

Sorting a large collection can take a lot of time. I suggest adding a sort start event to setupColumnSort.

Line 7782 after

if (!column || !column.sortable) return;

add

self.trigger('sortStart', e, {
column: column
});

Add a method to allow developers to refetch data for a Remote Grid

Right now the only way to force a refetch of remote data is to invoke grid.filter() but that will reset any current filters you have applied.

There should be a dedicated method for asking the grid to refetch results.

Editor validate() functions should accept a callback for doing asynchronous validation

See title

Group row "count" values are not updated when results are filtered

When filtering results with grouping enabled, the "count" in the Group header rows should also update to reflect the new item counts.

Unhandled Error when left click/right click on editable cell

...ickFilterInput=b('').appendTo(k).data("column...

Steps to reproduce, left click on an editable cell and immediately right click.

'columnresize' event doesn't pass back correct args

Using the 'columnresize' event. An empty event object is given back, and no args are given.

Expose the instantiated remote data fetcher back to the user

In some cases, when using a custom remote data fetcher, users will want to be able to get a reference to that instance. Perhaps via a grid.fetcher property. Right now - it's completely hidden from the developer.

Setting column to focusable: true does not remove class active

So when i set a column to focusable: true, clicking in the cell would add a class of active, however when i click away (anywhere on the doc/blur), it should remove that class. Currently that is not happening

"Deselect Column" does not appear when selecting column in the Aggregator example

This is perhaps related to the selection incorrectly holding on to Aggregate rows.

grid.reset(items) steals focus

I am using a custom function to filter, and using grid.reset(newArrayofmodels), however this is stealing the focus from an input box.

Give developers a way to get the current user configurations

After a user has added columns, resized them, added groupings, etc... a developer may want the ability to save the full state of the grid's user configurations so that they can be restored on reload. Provide a method for extract all this information in one go.

Use border-box vs content-box

Why is doby grid using content-box, border-box is more common.

Is there a way to define row spacing?

I have to have some spacing between rows, is there a method to set that?

Clipboard does not copy cells added via Command+Click

• Select a selection range
• Using Command+Click add an additional cell
• Press Command+C to copy the cells
• Press Command+V to paste the cells

Note that only the original selection range is copied.

Clicking in a remote grid causing grid to scroll

• Initialize a remote grid
• Scroll to the middle
• Click anywhere on the grid

Note the grid is scrolled up a few rows. This should not occur.

Allow developers to customize the entire data object for Group rows

The groupFormatter is a good start, but it doesn't let developers customize the colspan, row height, or any other data item properties for a group row.

Expose the "showInvalid" function to custom editors

Users may want to define custom ways to display invalid editor messages. Add this to the editor.

Even though Group rows are not selectable, "Select All" option still selects them

When using the "Select All" options, it selects Group rows even though they are supposed to be non-selectable.

Create new 'stickyGroups' grid option to keep group heading at the top of the grid during scrolling

When scrolling, sometimes users want the group header to stick to the top until the group has been scrolled all the way down.

Horizontal scrolling does not render hidden columns

When scrolling horizontally, the grid does not render the columns that were hidden.

This seems to affect remote data grids only.

Nested grids have confusing selection methods

When you have multiple grids on the page, or have nested grids -- it's difficult to manage selections because the selection of the parent grid is always stealing the focus from the inner grid.

Perhaps selecting something in a grid should search the page for all other visible grids - and deselect them.

Aggregators break when using filters

When filters are set, Aggregate rows display empty values.

Investigate a solution for handling silent changes to Backbone Collections

setItem failing with custom idProperty

Uncaught Error: Unable to update item (id: c127). Invalid or non-matching id

When calling collection.reset()

---

Consider this scenario:

var collection = new Backbone.Collection();
new DobyGrid({data: collection});

// Silently add an item to the collection so that DobyGrid doesn't know about it
collection.add({id: 123}, {silent: true})

// Try to edit the row
collection.get(123).set({name: 'test'});

// DobyGrid will fail in the setItem() method trying to find that item

Not sure what we should do here. Keep the error? Show a warning instead? Simply do nothing silently?

Provide a method for developers to submit the editor programmatically

Sometimes, developers may want to submit the editor programmatically. Right now, they have to simulate an Enter keydown event. Provide them a method for doing this.

proving the grid an empty menuExtensions function causes the menu to break

If you provide a menuExtensions function without any additional menu items, the grid throws an error (error from firebug with minified grid):
TypeError: y is undefined
...ickFilterInput&&a.quickFilterInput.select().focus();else{f=b('<div class="'+Ld+'...
doby-g...8245514 (line 8)

menuExtensions function provided:
menuExtensions: function (event, grid, args) {
}

setting width is not working

setting width in a column setting is not working, however using maxWidth works.

Add ability to perform bulk edit operations with the editor

Right now, the editor will only validate the active cell, and will submit all selected cells one at a time.

Provide a way to perform batch operators and batch validations of cells.

Updating the rowHeight grid option via setOptions() should re-render the grid

When you change the size of the rows via setOptions() the grid is not re-rendered and the row cache is not re-calculated.

line height for multi-line cells

How can i have a cell with multi line text?

Postprocessing cache loads wrong row cache when grouping results

When post-processing cache is enabled, and you group the grid, the column values will load the wrong value. You can reproduce this in the "Postprocessing" example. Simply group the grid by a column and observe the difference between the cached and non-cached columns.

Add 'html' option to clipboard handler

It would be nice if the clipboard could store the grid values as an HTML table. This would make it easy to paste the data into an email or an RTE.

Quick Filter should display current filter value after re-opening slideout

• Open the Quick Filter
• Enter some values
• Close the Quick Filter
• Re-open the Quick Filter

Note that the previous value is no longer visible.

Grouping and Filtering on Remote - Sub rows not always rendering

Steps to reproduce:

• Load remote grid
• Right click Name column, Quick filter by: "Cristina"
• Right click Name column, Group by Name
• Collapse the first, second, then third group. (Wait for load mask to complete for each expand)
• On the third group expand the load mask will get stuck and the cells will not be populated.

There are other ways to replicate this and it doesn't seem to matter what order grouping and filtering are applied.

This is occurring on the latest production Chrome & Firefox on Windows.

I was hoping to see some console feedback for ajax requests on loading data to see how frequent requests would be and what would be required on the server side (database queries).

Auto-column resize fails on newly added columns

• Load the "Aggregators" example
• From the context menu, add a new column to the end of the grid
• Double-click the column separator to resize the column

Note that the column is not resized - but the header is. Causing undesirable breaks.

Ability to define placement of menuExtension

When defining menuExtension objects it would be nice if you could specify if the item was to appear above or below the standard menu items.

Allow developers to hide the grid header

In some cases, developers may want to render a grid with no column headers. Add an option for this.

Investigate the possibility of using webworkers for filtering and sorting

Then those large operations will be non blocking.

Clipboard incorrectly copies cells that aren't selectable

If you have a non-selectable column in the middle of your selection -- the values of those cells are still part of the selection range.

The fix is to split up the selection range into parts instead. See how SlickGrid does is.

Provide developers with a method to re-render a cell, a row, or the viewport

Sometimes the underlying data will change and the developer will want to re-render some part of the grid. Right now there is no elegant way to do this.

Missing build 0.0.4

The examples index.html points to build/0.0.4 but that version hasn't been checked into GitHub.

Switched it to 0.0.3 and it's working.

This is awesome!

"Hide Quick Filter" option should be available if you right-click on the quick filter's row

Instead, it's only available if you DON'T click on the quick filter.

Investigate a solution for handling silent changes to Backbone Collections

Consider this scenario:

var collection = new Backbone.Collection();
new DobyGrid({data: collection});

// Silently add an item to the collection so that DobyGrid doesn't know about it
collection.add({id: 123}, {silent: true})

// Try to edit the row
collection.get(123).set({name: 'test'});

// DobyGrid will fail in the setItem() method trying to find that item

Not sure what we should do here. Keep the error? Show a warning instead? Simply do nothing silently?

Context menu is not removed when the grid's container is removed from the DOM

• Right-click on the grid to launch the context menu
• Destroy/remove the grid container from the DOM via a script
• The context menu does not disappear

Add support for undo

When editing cells, a user may want to perform an undo operation. Profile an API for this.

grid is not resizing on browser resize.

This used to work, not sure why is not anymore.