One update:
I tried using the SummaryRow on the datagrid for its basic functionalities and it is working. Now, I need to embed the text in the summary fields. E.g. If one of my summaryfields returns me the count then it should be able to display 'TOTAL (count)'
Is it possible with the summaryrow?
Also, I need to have the data to be formatted when it is displayed. e.g. %age, like 50%, 0.1%, etc.
Is this also possible?
Hi,
One quick question. I have an AdvancedDataGrid. I need to add a summaryrow to the grid which will contain SUM/AVERAGE of the respective columns in the ADG. Can anyone point me to some tutorial or any reference where I can learn how to create a summaryrow?
Thanks!
The advancedDataGrids introduction from adobe contained a demo, but it doesn't seem to be on the web anymore. Have you tried looking at the SummaryField reference? I haven't used summary fields in a while, but it seemed pretty straightforward.
http://livedocs.adobe.com/flex/3/langref/mx/collections/SummaryField.html
This is actually a formatting example, but it contains all the code to create a summary row:
http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postId=11472
Actually, the simplest and easiest approach I found was having another ADG placed below the existing ADG. The new ADG will act like a summary row and hence will have only one row. After initializing the content ADG, we can render the cells of the summary ADG the way we want. Moreover, we can sync the horizontal scroll of the new summary ADG with the content ADG. so, in all it will actually be seen as the ADG with the summary row
Even though its actually not a summary row and one needs a lot of customizations, it does make sense to use this. :)
Related
I am very new to React to JS and also this is my first question to the community so please help me.
I want to create a table which will display the data from a JSON file (it should display some 50 rows per page), also I need the capability to modify the data in the same table and later update the contents of the JSON accordingly.
I need to have the following types of cells in the table: Normal uneditable text box, editable text box, Select Lists (showing data from another JSON file), Number fields, calendar, etc..
I know it might feel like a stupid question to many of you but please help me understand how to approach this problem.
(I am not asking for working code, please help me on how to get started with it.)
Thank you.
Tons of libraries on github can do what you need.
For example:
https://react-bootstrap-table.github.io/react-bootstrap-table2/
https://github.com/tannerlinsley/react-table
https://material-ui.com/demos/tables/
There are many many others, which one should be used is based on your detail requirement and then find the best fit.
For table :
1. Create a component
2. Store the json value in state.
3. construct table. In tbody use state.map and return rows.
For uneditable text-box make it read-only.
I am struggling myself thinking about which component to use in my new app.
The first screen I am using Collection View with big images. Once the user touches one cell, it goes to the second screen ... and here is the problem.
I have three columns, similar to a dictionary with first language, second and third. The user will be able to choose which column he wants to search, and according to his criteria it will show the result that matches. I am not sure how to implement this, which component gives the best experience to the user. Any idea is more than welcome. Thank you in advance. Alex
If your data is several rows each with 3 columns, I would recommend customizing a UITableView. I followed this tutorial when I was trying to set up something similar.
The Table View will also give you efficiency if you have a lot of data, and you can build the custom table cells in the interface builder so that makes life a little easier.
-Ken
I am building a form for parents to enter health information for their students. Our nurses want to build it similar to what you fill out when you see a new doctor where they have categories and then conditions within the category that you would check if they apply to you. They want the number of categories and conditions to be variable so they can change them willy nilly as desired.
I need some ideas as to how to approach the UI side. My initial thought is a parent gridview with a row for each category and then inside that, a child gridview for each condition with its own checkbox. I already do a bit of work with gridviews and know how to access the nested objects so I'm not terribly worried about how to get the data back.
My question is this: Is there a better way and what suggestions would the community make that might be different or more efficient than using nested gridviews?
+1 for asking is there a better way?
What I'm about to suggest may end up being a little more complicated at first, but rest assured it will be worth it in the end.
There is a JavaScript framework named Knockout.js that is perfect for situations like these. Knockout vastly simplifies situations that where a variable amount of UI controls are needed.
http://knockoutjs.com/
Here is a tutorial on the website that has a similar situation to yours:
http://learn.knockoutjs.com/#/?tutorial=collections
I'm not sure if I'm using the correct terminology to describe my questions so I created a few mock ups to try to show what I am trying to do.
I have an existing table listing order detail information that looks something like this:
I have some additional attributes I want to add columns for, but I would like it to appear on a separate line as part of the same row sort of like this:
The reason I want to add these columns but have them appear on the second line of each row is that I want to display more data in each row but I don't want to make the row/page wider.
I did some googling for this problem, but I'm not even sure what the standard name for this type of display is so I wasn't able to come up with anything. The closest I found was [this code project link](http://www.codeproject.com/KB/webforms/MasterDetail.aspx
) which is close to, but not the same thing I am trying to do.
Not sure what to call it either (multiline gridview?) but it should be possible. I would suggest looking at making a grid with a template column and a formview inside the template. In the rowdatabound event of the grid you write code to bind your form to the row's data. I have used this technique before on nested grids, it should work with other controls as well. Might be simpler ways to do it too, not something I have had a need to work out before.
EDIT:
I just saw a similar question where someone provided a link to this article. Not quite what we were talking about here, but very similar. Thought I would include it here as well for future reference. To bad it was written 5 months after this question was asked...
I'm trying to push data into an OLAPCube in flex. The data coming in is flat and nothing else is known before hand.
How do I have flex automatically create dimensions and such so that I can bind something to the cube? Using a flex chart, it's as simple as setting the data provider to an array collection and it works.
The ONLY examples I have come across show how to hard-code names of data using flex; nothing dynamic. Any help would be appreciated.
It's several months since I attempted this but I found a lot of useful links on this page:
http://flexpearls.blogspot.com/2008/04/using-flex-olapolapdatagrid-for-doing.html
The pivotComponent does a lot on the fly.