I am aware of what a RowExpander plugin is for a Grid, where each row in a Grid expands to show it's childs or related store data. My requirement is a bit different.
I need multiple Grids on a page. Each Grid is loaded with data from different backend DB tables TB1, TB2, TB3.
However, each of the backend DB tables have a one to many relationship with each other. That is, each row in TB1 has multiple rows in TB2. One row in TB2 has multiple rows in TB3.
Now, I need one grid for each of these tables on UI. And then if I select a particular row in the first Grid ( relavant to TB1 ), I should populate the second grid with the relavant records from TB2. And then if I select a row in the grid corresponding to TB2, I should populate third grid with all the records relavant to the row selected from TB3.
I hope I am clear. Could you please help me with any sample code that you might have?
Subscribe to select (http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.Panel-event-select) event of the TB1 and then filter store associated TB2 with whatever filter criteria you need - this way second grid will be automatically filtered to the records you need to show.
Related
I have two data set from different fact tables but in report I have to show both the result set together.
If I am using both the data sets it is appending down after the first dataset table.
Please let me know how can I show both the tables together horizontally.
Report
RTF
Output
Nested Tables.
Make a new table in your template; 1 row, two columns.
Nest/put one of your tables in the first columns of the new table. Put your other table in the second column of the new table.
If you want, you can adjust the new tables cell margins to different values, including 0, to reduce the space around the nested tables.
I have the following DataSet on a SSRS report:
SELECT
VariationCode.Code
,VariationCoding.Comment
,VariationCoding.SubmissionDate
,VariationCoding.Id
FROM
VariationCode
INNER JOIN VariationCoding
ON VariationCode.Id = VariationCoding.VariationCodeId
WHERE VariationId = #VariationId
I am showing static headers on the left and data on the right which works fine but I'm struggling to group the results by ID and show them as a separate table per grouping.
Grouping the row by parent using VariationCoding.Id shows one table with no grouping at all. I suspect having the headers on the left is the problem since most solutions I've seen have the headers on top.
How can I show static headers on the left and group the results by VariationCoding.Id in such a way that each result will be displayed in a separate table?
group the results by ID and show them as a separate table per grouping.
You may want try Page break option, from Group Properties, screenshot for your reference.
I ended up using a list control to solve the problem as described on Microsoft docs -
https://learn.microsoft.com/en-us/sql/reporting-services/report-design/create-invoices-and-forms-with-lists-report-builder-and-ssrs
A list data region repeats with each group or row in the Reporting
Services paginated report dataset. A list can be used to create
free-form reports or forms, such as invoices, or in conjunction with
other data regions. You can define lists that contain any number of
report items.
By creating a table with static columns on the left and nesting it inside the list control, I was able to bind the table data columns to the list data source and this grouped my custom table per record.
In ShieldUI (1.7.13) Grid
How can I have a row count beside each record in a grid?
This is not data from the JSON which provides the other data for the Grid.
Situation, I am scrolling a list of hundreds of records and want to provide the consumer of the data the row number of the various rows in the grid.
Similar to the row number in any popular spreadsheet application (Excel, Google Sheets, etc.)
You can add a new column as the first one, specifying a custom columnTemplate for it. In there you can show the current index of each row.
More information is available here:
https://www.shieldui.com/documentation/grid/javascript/api/settings/columns/columnTemplate
I'm creating Report with Microsoft Visual Studio 2013.
PROBLEM:
If I'm adding new Row Group It automatically adding before table1_Details_Group
QUESTION: How to change order of the groups or add new group in right side of the table1_Details_Group?
EXPLAINATION:
For now, after adding row group It looks like:
Picture 1
As you see in picture 1 group is created in left side of table1_Details_Group
It should be like that:
Picture 2
As you see in Picture 2 is shown how I want to move Column3 with grouped rows.
If impossible to make that is shown in Picture 2, have you ideas how to add all group with parent and all childs to right side of table1_Details_Group as shown in Picture 3 below?
Picture 3
For anyone else coming here, you can insert a second detailed table inside a cell of the main table that has the detailed breakdown. This detailed table can be in any column without affecting the way rows are broken down in columns to the right or left.
So to solve the original question, first create Columns 1-3 in picture 1, and only include the data groupings required by those columns (ie. don't create the detailed row groupings for columns 4-5). Then insert the column where you want to show the detailed rows (ie between columns 2 and 3), and insert a new table inside that cell. This inner table will already be locked to share the same dataset as the main table. Then you can set the grouping of the inner rows and add whatever cells, rows or columns you need to the inner table. The columns to the right in the main table will still show the total, as in Picture 2.
I found solution, I don't know If It's good practice, but It worked for me.
I've created second table in right side, added similar group as in table1, and from new created table2 deleted all grouped columns, left only column which I needed, in this example Column3. So for now It looks like 1 table. Column1 and Column2 from Table1 are associated with Column3 from Table2.
You can change layoutdirection of table from LTR to RTL.
go to tablix properties and collapse localization and then change layoutdirection
I have had this same issue. The use of a second table was not perfect for me because when the report is viewed in HTML there is a space between the two tables, which looks weird (it worked fine in PDF view).
To resolve the issue, I created the table in picture 1 then removed all non-grouped columns (the table requires one visible column, so I had to keep a dummy column set to hidden).
Then I added new columns inside the grouping. In the cells for these columns I inserted another table. This inner table only has one cell with the value that I needed to display. The inner table then gets a filter so that it only displays values related to the current row of the parent table.
I have to create a grid which allows sorting and filtering. Currently I am able to achive this by binding PagedCollectionView of the data. I would like allow user to insert or delete row from the grid with context menu. User can select a row and right click on the context menu and insert or delete a row. I can delete the current row, but adding row got me stumped. When I insert a new row and since I do not know any values, I insert a blank row and that end up coming at the end of the grid.
One solution I am working on is to copy the previous row of the gird and using converter, if the row is dirty display blank.
Just curious, is there a better way of inserting row at current place in a grid while keeping sorting and filtering in place?
Thanks,
Just in case anyone is interested, what I ended up doing is insert the row in the grid manually with out paged collection view to keep the sorting and in the code behind insert a dummy row.