I am trying to pass data to my ng-bootstrap tooltip template. Following this example https://ng-bootstrap.github.io/#/components/tooltip/examples#tplwithcontext , I am now stuck at adding the #t1="ngbTooltip" part. Because my elements are created by iterating over an array, I cannot manually add the #t1 part.
This is my best try:
https://stackblitz.com/edit/ngbs-tooltip-dyn
When hovering over one of the "cell *" table cells, I want the tooltip to render the appropriate template with the cell's data from tooltipData.
Any considerations and help are appreciated.
Ok, so I have solved this, and posting this for reference.
The reason why I was struggling is that I was thinking that the content would be pulled dynamically. Opposed to that, the way it works is to render all the tooltips.
I have updated my Stackblitz https://stackblitz.com/edit/ngbs-tooltip-dyn for reference.
Related
When updating a tree that uses footers in React, none of the footer columns are updating once rendered once.
To render the footer once, I can either start the tree expanded, or expand a row to create the footer row. Once rendered, the values never change even when collapsing and re-expanding the row.
I'm not sure why this behavior is different between the grid modes. After many sleepness nights, my current working theory is that the inferred footer row is not being updated or linked to the original row correctly.
There are a couple of discovered workarounds/clues:
1) deltaRowDataMode=false will work as expected. Because we work with react and immutable stores, I believe we still need this mode to be true.
2) Changing the ID field when doing an update also works as expected. To build a full composite key for our table to detect any change, however, would be very complicated as we can have up to 50 columns as a worst case scenario. The key size would also be huge.
//full plnkr example: https://embed.plnkr.co/Ty1AdL2oQzk9MUqnTHQs/
<AgGridReact
columnDefs={this.state.columnDefs}
rowData={this.state.rowData}
treeData={true}
animateRows={true}
groupDefaultExpanded={this.state.groupDefaultExpanded}
getDataPath={this.state.getDataPath}
autoGroupColumnDef={this.state.autoGroupColumnDef}
onGridReady={this.onGridReady}
groupIncludeFooter={true}
groupIncludeTotalFooter={true}
deltaRowDataMode={true}
getRowNodeId={data => data.id}
groupSuppressAutoColumn={true}
/>
I expect the footer values to change when the total row changes, including the name. Using the first workaround (deltaRowDataMode=false) will show the desired behavior.
Any insight into the cause of the re-rendering issue would be appreciated, or a fix to what I may be doing wrong.
As an alternative, groupRowAggNode can be provided that does update as expected. Still unsure why the original problem exists though.
Example:
https://next.plnkr.co/edit/0zTN0RNzapWbtfTW?preview
I'm currently working on a webapp project in Vaadin 10. On the main page there's an overview of your current chats. Each chat is displayed as a bubble looking like:
It contains an image and a label.
I placed the bubbles in a Grid to ensure fast loading and flexibility like this:
`Grid<VisualGroup> cloudGrid = new Grid<VisualGroup>();
cloudGrid.setWidth("100%");
cloudGrid.setHeight("100%");
cloudGrid.getElement().getStyle().set("border","white");
cloudGrid.addComponentColumn(VisualGroupComponent::new);
cloudGrid.setItems(groups);`
My problem is that the label does not wrap when I put the components in the grid. If I create the component independently the text wraps correctly like:
But if I use the grid like described above it looks:
Does anyone know how to get text wrapping working in ComponentColumns in Vaadin?
If anyone knows the exact attribute I need to overwrite to get just the wrapping working and not delete every thing else that would probably the best solution. But for now that is a workaround.
We are using Jqgrid but we need to perform a custom editing.
In particular we want to view/edit the detail of a row inside the accordion of a subgrid area (instead of real subgrid)...
Basically we are looking for a way to redirect the content of the edit popup to the subgrid area.
Anyone have some ideas about how to do it?
Peter
If I understand correct the problem you may look at this demo in case you use Guriddo jqGrid JavaScript. In your case the html file can contain template form, where you can get the values from the row and put it in the form.
If you have difficulties we can prepare a online demo.
I am working on iOS native app and when trying to read from tableView/tableCells I have a problem getting the updated values. At the first time i enter the page/screen I can see all cells. But , if i create an action that adds another cell to the table view when I try to get the list of cells I see an empty list.
Also, When i change a subelement in that cell I can't see the changed sub element both in inspector and in the code.
I tried switching to a different page and also changing tabs in that page and reread the table/cell and subelements but it didn't help.
I've had this issue before. There is no actual reload elements kind of function that I've seen. However a workaround I've found that works is to simply find an element that exists and it'll reload the elements after it does that.
For example:
yourMethodThatLoadsNewElements();
driver.findElementBy(pathToElementThatExistedBefore);
driver.findElementBy(pathToElementThatWasJustLoaded);
I want to create partial views such that each partial view corresponds with one type of chart (say bar chart, pie chart etc.). The chart should be generated on the partial view just by passing the model to it.
I am working on the charts for the first time so not very much aware of the components/libraries available. All the example I seem to find on internet works by creating all the charts at the time of requirement and saving the for further use. Eg. http://czetsuya-tech.blogspot.in/2012/02/how-to-render-chart-object-in-view-in.html#.Uk_r_oaGoUU
Please let me know if any clarification is required.
While searching for similar thing I found the following that I think could be helpful to you as well:
http://forums.asp.net/t/1874913.aspx