How to Split datagrid Rows Extjs - datagrid

I want to split my dataGrid Rows , like we do in Html by using ...
this picture illustrate what i'm asking for
view the screenShot
I tried with the gridView and Xtemplate , i need help

If you do not want each row of the split rows to work as individual rows of a GRID, then you can simply use renderer() function to show simple HTML template in your PHONE and EMAIL column. Have a look at this paging grid example - the way the used String.format to show custom template.

Related

How to create a dropdown in a table with subsequent rows?

How can I create a table with dropdowns that looks like this:
I have tried using hidden rows but cannot figure out how to hide a row by index, additionally, detail view does not allow me to put a row in the detail view. Please advise, thanks!

Is it possible to merge cells of a datagrid vertically in clarity framework

I want to create a datagrid that has cells that are vertically next to each other and has the same name merged. Tried to google many sources but couldn't find any help.
This is not possible with Clarity in a datagrid, as this breaks the pattern of rows holding content atomically. Pagination, rendering, sorting, filtering would all be much more complex to implement and understand for the user.
I would suggest that you use a regular table which can have column or row spans attached to a cell, or just have each row repeat the content in the cell instead of trying to merge it.

Kendo UI grid subrow

I need to develop a Kendo grid as the one in the mockup that follow:
This is simple, but when a special value is selected in one of the select fields, a sort of sub-row must be displayed:
So, this set of 3 (or 6) fields is what I need to have on every grid row. That means I need to add other rows like this, being able to liveedit them or delete.
I'm wondering what is the best way to reach this (if possibile).
Can I simply define the whole set of fields (with sub-row) as a single grid row then split someway it using CSS or Kendo grid already support this kind of layout?
The Kendo UI grid is a widget which allows you to visualize and edit data via its table representation, KendoGrid is not best approach in my opinion.
You just need to create on kendo template, with you 3 static dropsdown's and when you click on your "special" value you will have to append your template again with other data if is needed.
Check on KendoTemplate docs.
EDIT: So you will have to use kendogrid detail (hardcoded), and use tempate to show you 3 fields I think.
Hope this help

I want to use Gridview as input fields, with no data to begin with. Is there an easy way to do this?

Thank you in advance.
Using .NET and VB I am looking to use Gridview as an input form grid with checkboxes. I would like each person who fills out the form to have a unique entry in the DB so the data source would be empty. Is there any way to display the checkboxes and have the gridview show up without any source data? We are trying to stay away from dummy data.
You could define your columns in the EmptyDataTemplate
http://forums.asp.net/p/1436652/3240106.aspx
http://geekswithblogs.net/casualjim/archive/2006/05/04/77151.aspx
please refer to below articles that would explain how to show a grid header when there is no data. then you can simply hide/unhide footer row where you can enter data and save the data.
http://technico.qnownow.com/2012/06/11/how-to-add-footerrow-to-gridview-which-has-no-value-initially/
http://technico.qnownow.com/2012/06/07/show-grid-header-when-there-are-no-rows-in-gridview-control/

Changing the Telerik MVC Grid columns dynamically on client-side

I would like to show my table data in grid. The table has more than 50 columns. By default they are displayed fine but I need a way to hide/show columns which are not required on screen.
So is there any way to achieve this? I think right clicking on the header should show all headers in a list box, allowing selection of which columns we want, then refresh the grid.
Please let me know if Telerik supports this and, if so, how?
No builtin feature available and this is one of many reasons why we are still thinking about other grids instead of telerik.
In the demo site there is a page where they show all the column names with checkboxes on top of the grid and you can check/uncheck to show/hide columns. see that sample source code, is simple to implement but still is custom code to add manually. I love the devexpress grid with customization popup and columns dragdrop from there but nothing like that for us in Telerik :-(

Resources