Opened 5 years ago

Closed 4 years ago

#18456 closed defect (patchwelcome)

multi-row headers with scrolling views does not render correctly

Reported by: worenklein Owned by: Evan
Priority: undecided Milestone: tbd
Component: DojoX Grid Version: 1.10.3
Keywords: Cc:
Blocked By: Blocking:

Description

If you have two views and a multi-row format, any scrolling view will not render correctly. If you set noscroll: true on either view, that view will render correctly but the other will not. Here is sample code showing a left view (non-scrolling) that renders fine, and a right view (scrolling) that does not. I've attached a picture of what it looks like under Chrome 39.0.2171.99 m

<!DOCTYPE html> <html>

<head>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.3/dijit/themes/claro/claro.css"> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.3/dojox/grid/resources/claroGrid.css">

<style type="text/css"> #gridDiv {

height: 20em;

}

</style> <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.10.3/dojo/dojo.js" data-dojo-config="async: true"></script>

</head>

<body>

<div id="gridDiv"> <script>

require(['dojo/_base/lang', 'dojox/grid/DataGrid', 'dojo/data/ItemFileWriteStore', 'dojo/dom', 'dojo/domReady!'], function(lang, DataGrid?, ItemFileWriteStore?, dom){

/*set up data store*/ var data = {

identifier: "id", items: []

}; var data_list = [

{ col1: "normal", col2: false, col3: 'But are not followed by two hexadecimal', col4: 29.91}, { col1: "important", col2: false, col3: 'Because a % sign always indicates', col4: 9.33}, { col1: "important", col2: false, col3: 'Signs can be selectively', col4: 19.34}

]; for(var i = 0, l = data_list.length; i < 100; i++){

var row = { id: i, A: "A."+i, B:"B."+i, C:"C."+i }; for(var c=0; c<20; c++)

row['C'+c] = c+"."+i;

data.items.push(lang.mixin({ id: i+1 }, row));

} var store = new ItemFileWriteStore?({data: data});

/*set up scrolled view*/

Attachments (1)

Untitled.jpg (24.5 KB) - added by worenklein 5 years ago.
Screen shot of how chrome renders this grid

Download all attachments as: .zip

Change History (2)

Changed 5 years ago by worenklein

Attachment: Untitled.jpg added

Screen shot of how chrome renders this grid

comment:1 Changed 4 years ago by bill

Resolution: patchwelcome
Status: newclosed

DojoX Grid and EnhancedGrid are deprecated in favor of dgrid and gridx.

You should upgrade your code to use one of those two grids.

It's possible the community may consider patches to the old DojoX Grid code though.

Note: See TracTickets for help on using tickets.