How to add paging in Datalist in ASP.NEt? - datalist

How to add paging in Datalist in ASP.NEt ?

Have a look at these articles:
Efficient Data Paging with the ASP.NET 2.0 DataList Control and ObjectDataSource (Scott Guthrie)
Adding Paging Support to the Repeater or DataList with the PagedDataSource Class

Related

How to bind Dynamic CheckboxList template in KendoUI

I wanted to bind a checkboxlist using KendoUI when a modal pop is opened.
On modal popup load I wanted to get data from a webapi which will have json response and bind it to checkbox kendo Ui template.
I referred kendoUI forums all samples are using static data. Can someone please guide me to the right direction where I can consume dynamic data.
Thank you!
There's a lot of ways to approach this.
I think the easiest way would be to use a TreeView with checkboxes configured that only returns a single level of nodes, then just show it in a Window or Dialog as you would show any other view. This way you get decent, default item formatting of the TreeView with having to use a template, but you don't get paging if your datasource is large.
You can also use a ListView with a template that formats the data with a checkbox. This requires a template but you get paging capability. Once again, you just display the ListView in a Window or Dialog as normal.
Here's a simple demo of a ListView implementation: http://dojo.telerik.com/#Stephen/iwOhIV
It is a combination of Kendo demos: http://demos.telerik.com/kendo-ui/dialog/treeview-integration with the TreeView replaced with the ListView from this demo(http://demos.telerik.com/kendo-ui/listview/remote-data-binding) and then the styling tweak with a template that uses checkboxes.
The rest of it is up to you(persisting/loading checked state, etc).

render partial view from a grid selection in mvc3

I have a telerik grid in an MVC 3 Razor project. Next to the grid is a partial view that uses an appropriate model template. How would I go about using the onRowSelect to render the partial view with the index from the row selected. Essentially its calling a javascript, in the java script it specifies the index int I want to pass to the partial view. However, I am unable to render the partial view with the new index.
Any thoughts?
Have you triclient selection in telerik demo page
I ended up using the ajax update targetID

ASP.Net MVC 3: optgroup support in Html.DropDownListFor

How can i make my DropDownListFor support optgroup?
Is there anyway to do it?
Notice that this is DropDownListFor, means that it support DataAnnotation client validation
Support for optgroups was added to ASP.Net MVC at version 5.2.
The Group property on SelectListItem allows you to specify a group for each item:
New SelectList constructors also allow you to provide the name of the field that contains the group title on the supplied list of items.
The HtmlHelper DropDownList and DropDownListFor methods now generate optgroup elements based on the groups included on the list of items.
This one seems nice:
Extending the DropDownList to show the items grouped by a category, and it works for both MVC3 and MVC2.
Now Support For Optgroup In Dropdownlist .Net MVC 4
Please Check HTML5 DropDownList Optgroup Tag In MVC
#Html.DropDownGroupListFor(m => m.location_id, data, "-- Select --", new {
#data_val = "true", // for Required Validation
#data_val_required = "The Name field is required." // for Required Validation
})
Nuget Package avilable
How can i make my DropDownListFor support optgroup?
There is no built-in support in the framework for this kind of drop down lists. You will have to write your own custom helper or generate the HTML manually (I would tend towards the first option).

ASP.NET MVC WebGrid helper returns whole page on partial update

I created a web grid with ajax updating enabled like this:
var cerradasGrid = new WebGrid(Model.OfertasCerradas, ajaxUpdateContainerId: "ofertas-cerradas");
However when I check the content of the ajax request in firebug the request contains the whole page although the grid updates correctly, it takes time, I have more than one grid on the view, how can I make them return only the grid portion?
When you say that you are seeing the entire page returned, are you referring to sorting or paging? If paging, I believe that all data is fetched on a paged request. You can read this article for more information on efficient paging.
My recent MSDN Magzine article discusses server-side paging and sorting, and partial updates via ajax. Check it out at "Get the Most out of WebGrid in ASP.NET MVC": http://technet.microsoft.com/en-us/query/hh288075

Efficient gridview in asp.net webforms

Hy guys.
As you know the gridview control is super heavy and reduces performance of the page, as the viewstate length is higher.
I'm trying to get a alternative way to not use default asp.net gridview webforms.
In asp.net mvc we can pass a model for example with Examples[] and in the view iterate over this array and build a
grid and using a number of pages as a anchors than when clicked do a request to a one controller and retrieves json with content of the next 10 tuples in database.
My question is, what is for you guys the best way/more efficient to implement a gridview with paging in webforms?
We use classic AJAX calls and javascript to render and filling the gridVeiew. We are also using the jQuery gridviews now. I am aiming at the reduction of data transfered if we are using a asp:gridview inside a ajax:updatePanel.
Unless you plan to use the fill GridView functionality, I usually prefer rendering the UI out as HTML TABLE using a asp:Repeater control.
HTH.

Resources