We need a Smart gwt tree grid with multiple columns and check box.
After some initial investigation it seems
1. Treegrid can support a tree for single columns and can support checkbox. But this is only for single column.
2. Treegrid can support multiple columns with datasource. However checkbox based selection is not supported..
Any suggestions on what component to use for this requirement?
Both features work together. Take any multi-column tree sample, eg this one:
http://www.smartclient.com/smartgwt/showcase/#tree_appearance_multicolumns
and just call
employeeTreeGrid.setSelectionAppearance(SelectionAppearance.CHECKBOX);
Related
I want to create a grid where it gets two entries to bind from two tables in the database, and save the result in another result table.
To explain more I have attached a picture of the needed grid,
So as you guys see in the picture, : 1) I want the servers list to be bound in the horizontal header (from servers table),2) and I want to bind the application list in the vertical row. That way I check inside the grid when an application is deployed on a server.
My question is how to achieve this? is there a kendo component or any other component that will help me doing this job?
A lot can depend on the data model.
The KendoUI PivotGrid https://demos.telerik.com/kendo-ui/pivotgrid/index might be what you need and works cleanly with categorical form data.
If you prepare your own pivoted data, as the results of a SQL Server pivot query, a normal KendoUI Grid may suffice.
If you prepare you own data, as the result of a dynamic pivot query, the columns could be different each time. You will need to learn about htmlhelper Grid, such as discussed in https://docs.telerik.com/aspnet-mvc/helpers/grid/how-to/Binding/grid-bind-to-datatable.
A dynamic data source can also be handled in just jQuery (with no htmlhelpers), such as discussed in https://www.telerik.com/blogs/dynamic-data-in-the-kendo-ui-grid
I’m using the vaadin-grid#^3.0.2 in my polymer 1.0 project.
But I’m looking to create an on/off toggle button that will filter a column based on if the text in two columns are not a match. So if a row in column 1 contains text=“1.1.1” and that same row in column 2 contains text = “2.1.1" then I would keep this row displayed, and hide all other rows. I want to do this in javscript. I’m very new to the vaadin-grid (had so much previous experience with iron-data-table). Anyone have a suggestion on how I can access the filter function?
image of 2 different columns of versions
I tried using the standard filter element but it's too limiting because it only allows me to do string based filtering on just one-specific column, but it's not built so I can do a comparison between strings in two different columns.
<vaadin-grid-filter path="version" value="[[_filterVersion]]">
<input value="{{_filterVersion::input}}">
</vaadin-grid-filter>
One simple way to do filtering that looks at the values of two columns is to not use vaadin-grid-filter, rather just have a input field outside the grid, then filter the array bound to the grid's items property as needed.
<vaadin-textfield on-value-changed="_filterMethod"></vaadin-textfield>
_filterMethod(evt) {
this.gridItems = this.allItems.filter(it => it.col1 !== it.col2);
}
Although I may not fully understand your question as I don't why you are using an input field instead of a button. This filter method approach should work equally well if you call it from a button instead.
Our former solution based on Vaadin 7 Grid used multicolumn sorting. Data is sorted by backend database but we have to maintain visual infomation about sorting in column headers. Visualy it displays as small rectangles in column header.
Now with Vaadin 8 and new Grid, our data is, by default(by database), sorted by 'name' column so I'm defining default sort order for Grid using code as below. It seems to be straightforward but it doesnt show up on Grid. I can define GridSortOrder for one or two columns with no luck. Can't see anything on screen (in column headers). Any idea how to accomplish this properly?
List<GridSortOrder<Map>> orders=new ArrayList();
orders.add(new GridSortOrder<>(colName,SortDirection.DESCENDING));
grid.setSortOrder(orders);
I am using the Wijmo Grid with Knockout and I would like to first create an empty grid with no columns to it and change dynamically the columns of the grid and it options.
That is, actually completely update de columns during runtime.
Also, from the examples, just some of the Wijmo Grid options can be observables.
I would like to know if Columns can be an observable too and which Grid options can/cannot be.
Currently, the Columns option of Wijgrid cannot be bound to an observable object in KO. The only options that can be bound to KO are the ‘data’ and ‘disabled’ options (http://wijmo.com/docs/wijmo/#KOGridBinding.html).
You may post this feature as an enhancement request on our UserVoice Page
(http://wijmo.uservoice.com/) so that other users can also vote and it can implemented on priority.
Can you tell me please how I can combine content of two columns into one, another words,
I need to render custom content for two columns but interpret it as a one column content.
After revising control and I think it equal colspan HTML.
Sample:
|--Col0--|--Col1--|--Col2---|
|--------|-CombindedContent-|
Using DevExpress MVC Griv View!
Thanks!
DevExpress MVC GridView does not allow for the organizing column in the required manner.
It is possible to use a merged column (band) at the first column level only:
http://mvc.devexpress.com/GridView/Bands
It is possible to use templates for organizing such a UI. However, in this case, you lose the built-in column resizing/best-fit functionality.