I'm looking for a way to display related records in a grid. Specifically I need to display letters and the answers to these letters.

The trick I'm using now is to sort the records so the answer is always bellow the original letter, and the answer is shown in a different color or font so the user can easilly spot the answers.

I'm not so satisfied by this solution, and I don't have the option to use a tree or a master-details form using 2 grids.

So I'm asking the experts if there is a clever trick to display related information in the same grid in a visually attractive way.

asked 11 Oct '12, 05:02

Vlisidis%20Akis's gravatar image

Vlisidis Akis
accept rate: 5%

Hi Akis,

Can you add a screenshot of your grid? It can help us better understand what you are aiming to achieve and your current solution.


(11 Oct '12, 05:16) Ibrahim Sand... ♦♦

unfortunatelly I deleted most of the test data jsut 5 hours ago!!!!.

Anyway in this case the first record is the answer of the second record. They are linked by the first (ID) column, and as I said the green color represents the original submission, and the black color the responce. If a letter or drawing doesn't need any action to be take has another visual appearance, for example blue font.

This "quick and dirty" solution works fine for a small amount of records, but imaine having thousand of records each one colored with a different color. I think it will not be the best user-experience.

alt text


answered 11 Oct '12, 11:45

Vlisidis%20Akis's gravatar image

Vlisidis Akis
accept rate: 5%

Would a TreeGrid component help in this case? A two level treegrid maybe? This is a treegrid sample from sencha web site: http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/tree/treegrid.html

(11 Oct '12, 22:50) Yalim K. Gerger ♦♦

Hello Yalim, It's very close to what I have in mind. Another very beautifull example that I'm not sure if it can be implented in ext-js is http://dhtmlx.com/docs/products/dhtmlxGrid/samples/07_extended_modes/03_pro_subgrids.html.

(12 Oct '12, 03:15) Vlisidis Akis

OK. These two examples are practically the same.

(12 Oct '12, 07:41) Yalim K. Gerger ♦♦
Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here



Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported



Asked: 11 Oct '12, 05:02

Seen: 2,745 times

Last updated: 12 Oct '12, 07:41

© Copyright Gerger 2017