I am using a Telerik grid with a DetailView.
I have the grid rendering correctly, but I was wondering if there is a way to collapse/expand all rows programatically using Java Script?
It works if I do it manually one by one, but I would like to offer a master expand/collapse button for all rows.
Found a solution here:
http://www.telerik.com/community/forums/aspnet-mvc/grid/expand-collapse-all-detailviews-in-a-grid.aspx
Related
Kendo UI makes it very easy to use MVVM when using a grid to add or edit records by automating much of the window usage.
This is great as long as you have the grid on your screen, but what if I want to add or edit a record on a page where the grid is not available? How would I call the same edit window and get all the same error checking, binding, etc?
Your question is more about general MVC development. Take a look here.
Tell me please if I can put small grid (subform in Access terms) inside big grid and make them both editable.
I cannot show you screenshots because of not enough reputation
Well, I've managed myself. Just added new Datagrid in parent DataGrid Row. But I have another question now - how to hide headers in this child datagrid? I have search box that I do not need, and a counter in the bottom :(
I think you're gonna have to make a custom control if you don't want the data grid column headers.
Instead, have you looked at the List-Details screen? It might not be the layout you're looking for, but it might work for you.
I have a requirement like for the drop down as shown. Could any one help me in achieving this.
Briefing:
On click of the button a pane should be opened which contains rows and columns containing text, on click of it appropriate action need to take place. The source can be dynamic too....
There are many techniques for acheiving this design. You could do it purely with html and css by having an image that looks like a dropdown popup an absolutely positioned div underneath. Or you could use the asp.net ajax control toolkit control called "PopupControl" that essentially abstracts all the html/css away allowing you to just specify a target panel. There are also various jquery plugins, here is one from abeatifulsite.
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 :-(
I want to Resize Gridview columns using javascript. Below is an example.
I think this plugin does what you requested http://www.ita.es/jquery/jquery.grid.columnsizing.htm
Though I would suggest checking out this customizable jQuery based grid aswell http://www.trirand.com/blog/
I would recommend using jQuery if you want to do this yourself. You can grab the click event of the header row (or wherever you want), and then you can use the x/y of the mouse to drag a line. Once the mouse is released, you can troll through the table and reset the width of the 's.
Otherwise, there are several JavaScript table controls on the internet that you could use.
You can try open-source project ASP.NET CoolGridView control. It works well with IE 6/7/8, Firefox 3.0 / 3.5, Safari and Chrome. Supports resizable columns and fixed headers.
http://johnsobrepena.blogspot.com/2010/02/coolgridview-february-2010-release.html
The example you are refering to is using ExtJS it looks like. There's also jqGrid (an extension to jQueryUI), and others. If you are looking for an ASP.Net Ajax grid control there are several options from many different component vendors (Component One, Infragistics, DevXPress etc).
I'm only presuming here that you want a server-oriented Grid component because of the term "GridView" in the question. I would suggest searching for: "ASP.Net Ajax" grid control. This will give you results that may best suit your needs.