How To add a button to row in a GXT Grid - gxt

I have a Grid and I want to add a button to each row of the grid and have it reset required data.

Assuming that you are using GXT3, here is a link to the Cell Grid example from GXT3.
http://www.sencha.com/examples/#ExamplePlace:cellgrid
If you look at the bottom of the page, there are two tabs; one for "Demo" and one for "Source". This demo clearly shows how to add buttons to grids. Take a look at how they are using TextButtonCell in the asWidget() method.
These examples are a pretty good starting place for figuring out your answers. The next best thing (if you want to figure it out yourself) is to simple navigate the source code.
Hope this helps.

Related

How to hide text in certain cells from a script?

Windows 10, Google Sheets, LVL: Rookie.
So I have a sheet, that is kinda like a scoreboard, the main purpose of it is to do scoreboard things, but that's irrelevant. Basically, for new people that use the sheet, I have green sentences near cells to show them what goes there, kinda like tutorials.
But, for people that have used the sheet for a while, they are going to get tired of all this extra space used up by green sentences that don't actually teach them anything cause they already know it.
SO I wanted to create a button from a UI box, that disables tutorials (Just hiding/deleting these green sentences), and whenever they wanted to see the tutorials "sentences" again, they could use another UI Button to enable them, which unhides/adds the text back in the cells.
I already have the UI Box setup...
The only thing I don't know how to do or what to code, is hiding/deleting these sentences, and being able to unhide/paste the sentences.
Now, if this can be done in an easy formula, please let me know, but otherwise, please help me write out a script for this. I will credit you if you wish.
You have a complicated spreadsheet that included about 25 text "hints" to user. You want experienced users to have the ability to "hide" the hints if they wish.
You could do this with a checkbox.
Untick (the default): the comments appear.
Tick the box: the comments are hidden
Create a checkbox (say, it is in Cell G1),
Edit all your hints along these lines.
=if($G$1=TRUE,"","Team name goes here --->")
Explanation
$G$1=TRUE`: this means that the check box has been ticked
if TRUE, then display nothing: ""
if not TRUE (the checkbox is NOT ticked), then display the hint. Such as "Team name goes here --->"

How to get visible start and end dates in AnyGantt?

How can I get the visible date interval in AnyGantt? I need to add two buttons to move back and forth the gantt, but I can't find how to do it. I was thinking on reading current start and end dates and then zooming the gantt to the new values...
Thanks.
I'm glad to inform you that new version of AnyGantt 8.1.0 provides new methods to get max and min of visible range.
You may learn more about them and find example on the following page
Mendi,
In this case zooming the gantt to the new values is one of available ways to do it.
Check this example which demonstrates using html buttons and zoomTo() method to scroll timeline :
https://jsfiddle.net/Shestac92/9zzhw472/3/
chart.zoomTo(start, end);
Also you may use out-of-the-box method to add similar buttons to horizontal scroll bar, check example in Anychart Playground:
https://playground.anychart.com/api/7.14.3/core/ui/anychart.core.ui.ScrollBar.buttonsVisible-plain
scrollBar.buttonsVisible(true);
Hope this will help you!

TableWrapData: widgets won't left align properly

My program uses TableWrapLayout with numColumns set to 2. I then have the following code: (background colors are set to show you that the widgets aren't using the blank space).
Label label = toolkit.createLabel(container, "Resource Type":);
label.setLayoutData(new TableWrapData(TableWrapData.LEFT,TableWrapData.MIDDLE));
label.setBackground(DiagramSettings.NODE_BACKGROUND_COLOR);
resourceComboMenu = new Combo(container, SWT.READ_ONLY);
resourceComboMenu.setBackground(DiagramSettings.NODE_BACKGROUND_COLOR);
resourceComboMenu.setLayoutData(new TableWrapData(TableWrapData.LEFT,TableWrapData.MIDDLE));
However as you can see in the picture the combo box refuses to left align properly. But that I mean I want it to start right after the label, not have a bunch of blank space.
One workaround would be to put the row inside it's own Composite just like I do Resource Icon and Geolocation. But I feel like I shouldn't need to since the widgets on this row equals the number of columns set by the layout. I've created this workaround for now but would like to understand this TableWrapData behavior for the future.
Any insight would be helpful, thanks.
I pretty much answered my question in the question. The composite that contains everything in the picture had TableWrapData with columns set to 2. TableWrapData essentially draws a straight, vertical line between each column then makes sure widgets from one column don't cross it.
So to fix this (like I mentioned in my question) you simply make another composite with nested widgets (which in the case would be the resource type label and resourceComboMenu). I just didn't realize that is what you're supposed to do.

How can I show the selected item centred of the pivot header in UWP?

By default the item selected from the pivot header appears on the left side. This behavior can be changed so that it appears centered or right side?
I have a list of 20 items and therefore they don't appear all at the pivot header. So it is visually more appealing if the selected item appears centered on the screen.
Currently is working like the follow image:
enter image description here
I would like it will work like the follow image:
enter image description here
Here's what you need, skip to 26:30.
https://mva.microsoft.com/en-US/training-courses/xaml-for-windows-10-layout-14328?l=cEHXB74sB_4304819052
There's a lot to it, but you can do it using the Pivot control.
Best of luck.
please check this post
https://blog.hompus.nl/2015/09/04/responsive-pivot-headers-in-universal-windows-platform-apps/
you need to modify HorizontalContentAllignment property to center the content
Here is some example modifying the style with setters

javaFX textarea - columns/rows

The textarea-class in JavaFX should give me the option to add rows and columns, but the way I tried didn't work:
TextArea ta = new TextArea();
ta.setPrefRowCount(100);
ta.setPrefColumnCount(100);
I'm searching for columns/rows like in Microsoft Excel, inclusive the gridines.
.setGridLinesVisible(true);
doesn't work for this Type.
For use case similiar to Excel you're actually looking for TableView. Every table cell can contain anything, even another window so it is very flexible.
If you want grid lines on top of TextArea, but want to keep the standard TextArea behavior, you will have to combine the TextArea and TableView in a StackPane.
You will just have to clear the table's background using CSS.
However, matching the row and column sizes with the text will need some additional code.
Apologies for my English.
colums/rows like in Microsoft Excel, inclusive the gridines
TableView as recommended in Michael's answer is likely the right basic solution for.
There are some 3rd party controls you might consider which add some basic spreadsheet like functionality to the base JavaFX TableView control:
SpreadsheetView from the ControlsFX project.
TiwulFX from Panemu.

Resources