Stack Overflow
Stack Overflow

Questions tagged [dgrid]

dgrid is a component for creating lists and grids based on the Dojo Toolkit. dgrid is a completely portable AMD package designed to be lightweight, CSS-centric, easily extensible and mobile-ready. It's released under the same open-source license and CLA as the Dojo Toolkit (BSD/AFLv2).

dgrid is a component for creating lists and grids based on the Dojo Toolkit. dgrid is a completely portable AMD package in the Dojo Foundation package repository designed to be lightweight, CSS-centric, easily extensible and mobile-ready. It's released under the same open-source license and CLA as the Dojo Toolkit (BSD/AFLv2).

Features:

  • Keyboard navigation & ARIA role support for accessibility
  • i18n support
  • Asynchronous data retrieval & row rendering
  • Row & column drag’n'drop
  • jQuery ThemeRoller theme support
  • Native support for dojo/store (0.3 and earlier) or dstore (0.4 and later)
  • Automatic updates with Observable / Trackable stores
  • Inline cell editors, including support for Dijit form widgets as editors
  • Unlimited-depth tree support
  • Support for multiple independent column sets
  • Support for records rendered to multiple sub-rows
  • Support for custom formatting functions for cell contents
  • A complete row selection engine, including multi-row and indirect (checkbox-based) selection
  • ColumnHider: Shows and hides columns via a simple menu
  • ColumnReorder: Reorders columns in simple layouts using drag’n'drop
  • CompoundColumns: Allows spanning column headers
  • DijitRegistry: Enables integration with the Dijit registry and Dijit layout widgets
  • Virtual & traditional paging options via OnDemandGrid and Pagination

(The above information was distilled from the beta and 0.4 SitePen blog posts and the feature comparison on dgrid.io)

Useful links:

356 questions
43
votes
1 answer

Missing events in custom dstore using WebSocket and dgrid

I am trying to create custom Store, which should use WebSocket or REST (in case of WebSocket failure). Code file rachet-store.js It works almost perfectly. It works without problems with the REST also (myRest). Problem is if the wsStore is used and…
Petr
  • 1,159
  • 10
  • 20
24
votes
1 answer

Using dgrid in form collections in a Zend Framework 2 application

For our new project, we have started using Zend Framework 2 and Dojo 1.8. ZF2 has a completely rewritten form module, which now features the new CollectionElement for one-to-many relationships. Regarding UI I find, that dgrid fits best for such…
Ivaylo
  • 291
  • 1
  • 7
15
votes
1 answer

How to implement row reordering with dnd in dgrid

I have created a grid in dgrid that is connected to JsonRest store. This loads data from pyramid backend. I have also added DnD extension to the store. The DnD works, however I don't know how to make it send any meaningful data when I drag the rows.…
zefciu
  • 1,967
  • 2
  • 17
  • 39
9
votes
1 answer

Widgets inside dojo dgrid

Our company moved from dojox/DataGrid to dgrid some time back. Now we are finding out, dgrid doesn't seem to support dijit/dojox widgets out of the box. dojox/DataGrid has a formatter() that can return a widget. So easy to doo it there! The API…
Gaurav Ramanan
  • 3,655
  • 2
  • 21
  • 29
8
votes
2 answers

Is it possible to filter data in a dgrid like you can in a datagrid? If so, how?

I'm relatively new to dojo and have seen how datagrid offers a dynamic filtering capability that reduces the visible rows based on what you type into a filter text input. I have not found any examples of how to do it with the dgrid. If it can be…
teaman
  • 469
  • 7
  • 18
7
votes
1 answer

Multiple Column Sorting With dgrid

How can I change the default behavior of grid.js::_setSort() in order to correctly display the sort criteria (up/down arrow) in the header of all the columns involved in a sort? Currently, _setSort() only deals with the first column of the array…
Jean Lavoie
  • 71
  • 3
7
votes
3 answers

100% Height in dGrid

How is it possible to make a dGrid instance take up 100% of the height of its container? I can use CSS to make the ".dgrid" classed div a specific height but when I set it to 100% it doesn't display.
voidstate
  • 7,937
  • 4
  • 40
  • 52
5
votes
2 answers

Sorting a Column by Default (on load) Using Dojo Dgrid

When loading a dgrid from a dojo store, is there a way to specify a column to be sorted by default. Say I have 2 columns, Name and Email, I want the name column sorted by default when the grid is first loaded. What I want is the equivalent of the…
JohnB
  • 345
  • 3
  • 9
4
votes
1 answer

Dojo dStore Rest dGrid sort parameter

When I fetch from a dStore the URL looks something like this http://localhost/rest/dojo?department=sales which works fine. If I then click in the header of the dGrid the sent URL looks like…
bobmanc
  • 57
  • 6
4
votes
1 answer

dgrid rows and double click event

I have a dgrid table with a selection mode of toggle. One of my requirements is to implement a double click on a row to trigger a function. Here is what I have: grid.on('.dgrid-content .dgrid-row:dblclick', function () { window.alert('Hello…
rink.attendant.6
  • 44,500
  • 61
  • 101
  • 156
4
votes
2 answers

Dgrid Resizing within BorderContainer

I have a dgrid within a BorderContainer with "liveSplitters" enabled (using Dojo 1.8). The dgrid comes up nicely, but when I move the splitter between the left column and the "leading" column (that the dgrid is within), the dgrid does not properly…
Timothy R. Butler
  • 1,097
  • 7
  • 20
4
votes
0 answers

dojo dgrid multiple cells edit

Is it possible to edit multiple cells of the dgrid at the same time ? I know that we can edit a single cell at a time by double/single clicking that cell and update it. And on the onBlur of that cell, the edited data gets updated for that…
Dinesh
  • 53
  • 7
4
votes
2 answers

Dgrid set focus on cell

I am using dgrid for displaying data in grid format , it has four columns. all are editable I have used following way to declare it. …
user1597376
  • 77
  • 2
  • 6
4
votes
4 answers

Hide column in dgrid dynamically

How to hide complete column in dgrid (gridFromHtml) based on some run time parameter? Lets say if the value of parameter is true I should be able to display some column and if the value is false then I should be able to hide that same column.
TechnoCrat
  • 2,055
  • 4
  • 23
  • 35
3
votes
2 answers

HTML Event: how to handle "click" and "text selection" event separately in dojo dgrid-row?

I am using dojo dgrid for table representation. I have handled a row click event with grid.on('.dgrid-content .dgrid-row:click', function(){ // Open a Dialog}). But the problem I am facing here is: while user is trying to select any text on the row…
Abhishek Mukherjee
  • 361
  • 5
  • 19
1
2 3
…
23 24