I took a look at the website Github and the examples. https://github.com/mleibman/SlickGrid/wiki Slickgrid looks very promising. However, there is no documentation to tell me how to build the examples. Each one looks like it is ready to go and should not require additional coding.

I am still rather new using Drupal. However, I have been able to learn some of the modules by watching some videos on how to use views, rules, relation and other modules.

I really want to do something with Slickgrid. The documentation for Slickgrid is so poor I do not know where to start and I do not understand how to configure the module. The support group located at http://stackoverflow.com/questions/tagged/slickgrid uses a lot of code as examples. I would like to see what slickgrid can do out of the box without any coding before I try to manipulate the code.

1. Do I really need to create a new module (ie: writing some code) just to use Slickgrid?

2. Is there a way I can use the VIEW UI to configure Slickgrid to do something?

3. How do I get started with Slickgrid?

Sincerely confused....

Spineless

CommentFileSizeAuthor
#3 readme-1311898-3.patch6.72 KBhongpong

Comments

ledom’s picture

ledom commented

You just need:

1. Install the module
2. Create a view with a page display and add fields to display
3. into your view, choose slickgrid as style and configure it clicking the little icon on the right of style.

spineless’s picture

spineless commented

Weird....I do not see any data.

I created a slickgrid view "block" and placed it in the content area of the new node. I also selected a number of fields in the node to display but I do not see anything in the slick grid view.

I created three different "integer" field titled rent, Utilities, Communication. Each fied has 6 elements to fill out with numbers.

What am I doing wrong? Why can't I see the data?

Here is my slick grid view export.

$view = new view;
$view->name = 'slickgrid';
$view->description = '';
$view->tag = 'default';
$view->base_table = 'node';
$view->human_name = 'slickgrid';
$view->core = 7;
$view->api_version = '3.0';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

/* Display: Master */
$handler = $view->new_display('default', 'Master', 'default');
$handler->display->display_options['title'] = 'slickgrid';
$handler->display->display_options['access']['type'] = 'perm';
$handler->display->display_options['cache']['type'] = 'none';
$handler->display->display_options['query']['type'] = 'views_query';
$handler->display->display_options['query']['options']['query_comment'] = FALSE;
$handler->display->display_options['exposed_form']['type'] = 'basic';
$handler->display->display_options['pager']['type'] = 'none';
$handler->display->display_options['pager']['options']['offset'] = '0';
$handler->display->display_options['style_plugin'] = 'slickgrid';
$handler->display->display_options['style_options']['grouping_field'] = '';
$handler->display->display_options['style_options']['collapse_groups_by_default'] = 0;
$handler->display->display_options['style_options']['enableColumnResize'] = 1;
$handler->display->display_options['style_options']['enableColumnReorder'] = 1;
$handler->display->display_options['style_options']['select_columns'] = 1;
$handler->display->display_options['style_options']['asyncEditorLoading'] = 1;
$handler->display->display_options['style_options']['forceFitColumns'] = 1;
$handler->display->display_options['style_options']['pager'] = 0;
$handler->display->display_options['style_options']['headerHeight'] = '42';
$handler->display->display_options['style_options']['viewport_height'] = '500';
$handler->display->display_options['style_options']['rowHeight'] = '30';
$handler->display->display_options['style_options']['row_selection_checkbox'] = 0;
$handler->display->display_options['style_options']['multi_edit'] = 0;
$handler->display->display_options['style_options']['delete'] = 0;
$handler->display->display_options['style_options']['clone'] = 0;
$handler->display->display_options['style_options']['export_selected_rows'] = 0;
$handler->display->display_options['style_options']['undo'] = 0;
$handler->display->display_options['style_options']['add'] = '0';
$handler->display->display_options['style_options']['autoEdit'] = 0;
/* Field: Content: Title */
$handler->display->display_options['fields']['title']['id'] = 'title';
$handler->display->display_options['fields']['title']['table'] = 'node';
$handler->display->display_options['fields']['title']['field'] = 'title';
$handler->display->display_options['fields']['title']['label'] = '';
$handler->display->display_options['fields']['title']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['title']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['title']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['title']['alter']['word_boundary'] = 0;
$handler->display->display_options['fields']['title']['alter']['ellipsis'] = 0;
$handler->display->display_options['fields']['title']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['title']['alter']['trim'] = 0;
$handler->display->display_options['fields']['title']['alter']['html'] = 0;
$handler->display->display_options['fields']['title']['hide_empty'] = 0;
$handler->display->display_options['fields']['title']['empty_zero'] = 0;
$handler->display->display_options['fields']['title']['link_to_node'] = 1;
/* Field: Content: Rent */
$handler->display->display_options['fields']['field_plan_rent']['id'] = 'field_plan_rent';
$handler->display->display_options['fields']['field_plan_rent']['table'] = 'field_data_field_plan_rent';
$handler->display->display_options['fields']['field_plan_rent']['field'] = 'field_plan_rent';
$handler->display->display_options['fields']['field_plan_rent']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_plan_rent']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_plan_rent']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['element_label_colon'] = 1;
$handler->display->display_options['fields']['field_plan_rent']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_plan_rent']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['hide_alter_empty'] = 1;
$handler->display->display_options['fields']['field_plan_rent']['settings'] = array(
'thousand_separator' => ' ',
'prefix_suffix' => 1,
);
$handler->display->display_options['fields']['field_plan_rent']['group_rows'] = 1;
$handler->display->display_options['fields']['field_plan_rent']['delta_offset'] = '0';
$handler->display->display_options['fields']['field_plan_rent']['delta_reversed'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['delta_first_last'] = 0;
$handler->display->display_options['fields']['field_plan_rent']['field_api_classes'] = 0;
/* Field: Content: Utilities */
$handler->display->display_options['fields']['field_plan_utilities']['id'] = 'field_plan_utilities';
$handler->display->display_options['fields']['field_plan_utilities']['table'] = 'field_data_field_plan_utilities';
$handler->display->display_options['fields']['field_plan_utilities']['field'] = 'field_plan_utilities';
$handler->display->display_options['fields']['field_plan_utilities']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['element_label_colon'] = 1;
$handler->display->display_options['fields']['field_plan_utilities']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_plan_utilities']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['hide_alter_empty'] = 1;
$handler->display->display_options['fields']['field_plan_utilities']['settings'] = array(
'thousand_separator' => ' ',
'prefix_suffix' => 1,
);
$handler->display->display_options['fields']['field_plan_utilities']['group_rows'] = 1;
$handler->display->display_options['fields']['field_plan_utilities']['delta_offset'] = '0';
$handler->display->display_options['fields']['field_plan_utilities']['delta_reversed'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['delta_first_last'] = 0;
$handler->display->display_options['fields']['field_plan_utilities']['field_api_classes'] = 0;
/* Field: Content: communication */
$handler->display->display_options['fields']['field_plan_comm']['id'] = 'field_plan_comm';
$handler->display->display_options['fields']['field_plan_comm']['table'] = 'field_data_field_plan_comm';
$handler->display->display_options['fields']['field_plan_comm']['field'] = 'field_plan_comm';
$handler->display->display_options['fields']['field_plan_comm']['alter']['alter_text'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['alter']['make_link'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['alter']['absolute'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['alter']['external'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['alter']['replace_spaces'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['alter']['trim_whitespace'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['alter']['nl2br'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['alter']['word_boundary'] = 1;
$handler->display->display_options['fields']['field_plan_comm']['alter']['ellipsis'] = 1;
$handler->display->display_options['fields']['field_plan_comm']['alter']['strip_tags'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['alter']['trim'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['alter']['html'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['element_label_colon'] = 1;
$handler->display->display_options['fields']['field_plan_comm']['element_default_classes'] = 1;
$handler->display->display_options['fields']['field_plan_comm']['hide_empty'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['empty_zero'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['hide_alter_empty'] = 1;
$handler->display->display_options['fields']['field_plan_comm']['settings'] = array(
'thousand_separator' => ' ',
'prefix_suffix' => 1,
);
$handler->display->display_options['fields']['field_plan_comm']['group_rows'] = 1;
$handler->display->display_options['fields']['field_plan_comm']['delta_offset'] = '0';
$handler->display->display_options['fields']['field_plan_comm']['delta_reversed'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['delta_first_last'] = 0;
$handler->display->display_options['fields']['field_plan_comm']['field_api_classes'] = 0;
/* Sort criterion: Content: Post date */
$handler->display->display_options['sorts']['created']['id'] = 'created';
$handler->display->display_options['sorts']['created']['table'] = 'node';
$handler->display->display_options['sorts']['created']['field'] = 'created';
$handler->display->display_options['sorts']['created']['order'] = 'DESC';
/* Filter criterion: Content: Published */
$handler->display->display_options['filters']['status']['id'] = 'status';
$handler->display->display_options['filters']['status']['table'] = 'node';
$handler->display->display_options['filters']['status']['field'] = 'status';
$handler->display->display_options['filters']['status']['value'] = 1;
$handler->display->display_options['filters']['status']['group'] = 0;
$handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;

/* Display: Block */
$handler = $view->new_display('block', 'Block', 'block');

hongpong’s picture

hongpong commented
Status: Active » Needs review
StatusFileSize
new readme-1311898-3.patch6.72 KB

While trying to get the hang of the module, I noticed the linebreaks need improving on the readme and I got a couple other typos too. This is the only documentation bug thread I noticed so I'm putting it here.

rob c’s picture

rob c commented

Any news on this? I've also tested this module + the dev release and also am stuck at an empty page with no results (rows) at all. Same as #2.

miccelito’s picture

miccelito commented

Same problem here. Views fields not showing. Only thing showing is the empty slickgrid..

miccelito’s picture

miccelito commented

Installed and tested Slickgrid 7.x-1.4 (which was last updated 2011-Jul-11) as well Slickgrid 7.x-1.x-dev (which was last updated 2011-Sep-27) and none of them seems to work no matter what.
The only result of the outout is an empty grid that wont display anything no matter what fields or settings you add. In Views Format (slickgrid) settings every fields have the description text "No formatter plugins for this field" in the Formatter column.

Conflict with other modules? Not compatible with Views 7.x-3.5? Anything else... known issues?

Can anyone confirm at all that Slickgrid (D7 version) does work?

miccelito’s picture

miccelito commented

Looking into this more, it seems that the file slick.grid.js (/libraries/slickgrid/slick.grid.js?v=Master) - SlickGrid v2.1 plugin - is not working correctly against Slickgrid D7 version.

javascript error (Chrome):

Uncaught TypeError: Object [object Object] has no method 'on' slick.grid.js:558

if (options.enableColumnReorder || m.sortable) {
header
.on('mouseenter', onMouseEnter)
.on('mouseleave', onMouseLeave);
}

javascript error (Firefox):

TypeError: header.on is not a function
.on('mouseenter', onMouseEnter)

zulfierken’s picture

zulfierken commented

I got an empty box as well. There is add + button at the bottom. In slickgrid settings TAB name is not available. When I add my own tab names and assign to each field nothing happens again. I am testing with drupal nodes