I have a Listview + Datapager and I wonder if there's some fancy solution to "duplicate" it and show the same datapager on top and bottom of the datagrid without using 2 different datapagers.
Thanx a lot
One of the dirty way could be replicate pager html using javascript. For example, using jquery:
$(document).ready(function() {
$('#topPager').append($('#bottomPager').html());
});
Where you have two divs - one empty placeholder div with id=topPager and another div with id=bottomPager containing pager control. Note that in case if events being added to pager elements such as links/anchors then you may use jquery clone method to clone pager element with events
I've come across to that page searching for a similar solution for Gridview control. If you prefer using Gridview, there is a built-in solution .net framework. You can set PagerSettings.Position property to TopAndBottom to get pager control on top of and at the bottom of gridview control.
You can see the MSDN documentation page for PagerSettings.Position here.
I've managed it using this approach:
http://www.codeproject.com/KB/custom-controls/mirror.aspx
I created an ascx user control that replicates any other control exactly as it is.
in .NET4 you can put multiple pager element tags in the listview LayoutTemplate element
Related
I wanted to show 20 items from database using a listview. but those items should be shown in two divs. 10 items in each div. The problem is, how can i build div inside listview itemtemplate for the items in aspx page?
if the level of customization you are looking for is not easi or possible to achieve with customization of the ASP.NET listview ItemTemplate, you can uset the repeater object and customize its ItemTemplate, the repeater has been designed exactly for these cases, it supports data binding and allows you to define / customize totally the layout of items to repeat.
see here: ASP.NET TUTORIAL. HOW TO USE REPEATER
I am using asp.net vb...
I am trying from a couple of weeks to create custom list/grid view.
In VS2010 there are many controls but no one is allowing to creating custom view like this website...
http://net.tutsplus.com/category/tutorials/html-css-techniques/
I want to customize something same like it with a picture thumbnail, a hyperlink, some text and a nice looking paging numbers. I try to find on google , youtube but no good example I got…
Please provide me steps to do it.
JS
Use asp.net ListView Control.
It gives you full control over rendered html.
Using ASP.NET 3.5's ListView and DataPager Controls
If you want the gridview to look like this, you will need to create only one visible column with no header showing and place all your controls into the content template of this column. From there you will have to manually style the controls to your required style.
If you have dynamic content in the rows, during rowdatabound of the gridview you can access each control using the findcontrol method and customize each control from there.
I am working on a Composite custom control.
In said control, I am inheriting from LinkButton. In this LinkButton, I am nesting a Label Control and 5 Image controls.
I am able to render everything properly, and I´ve got the btton doing its on click events and everything, however, there´s a slight problem:
Once the button has rendered, the nested controls appear above the linkbutton, so that the linkbutton is not clickable where these added controls are...
What I want to know, is there a way to place them behind the linkbutton or something? So that the button is still clickable?
Thanks in advance!
I would highly recommend inheriting from CompositeControl, as that is the base class meant for situations like this. Then you can render out the linkbutton at the point you want, and add it to the inner control collection.
I have a page with a repeater.. I have to make some fields of this one editable. I don't see how I can transform the repeater label into a textbox.. Can I use jquery to do that?
Have somebody make this kind of manipulation?
Thanks..
The Repeater control does not have an EditTemplate like many of the other data controls.
I would suggest having the edit fields either in a hidden Placeholder, then show this when clicking an edit button. This would involve the page posting back and then you having to show/hide the relevant parts in the ItemCommand handler.
Another way would be do add the edit fields/textboxs in a Panel control, then hide this through display: none;. Then you can change this to display: block; with some javascript. This will avoid the page PostBack.
This can be done in a Repeater, but a DataList control is more straightforward and is just as easy to use. There's an MSDN article on doing it in a Datalist control with full source code here: http://msdn.microsoft.com/en-us/library/bf5211wb(v=vs.71).aspx
Converting a repeater to a DataList is a much easier approach than having editable items in a Repeater.
HOWEVER
to answer your question directly, there IS a Codeproject sample here: http://www.codeproject.com/KB/aspnet/EditableRepeater.aspx
that shows how to use a Repeater with full edit functionality (including adding and deleting items).
To see the relevant code in the CodePlex article, search for the text "EditIndex". The relevant code-behind is always a few lines above and/or below this keyword.
It depends on how you want to do this:
using standart control probably you need GridView.
You can define the template for repeater and put TextBox there, then
on postback you will need to find dynamically created controls and
also you will need to take care to keep ID's of these controls the
same on postbacks.
And the other thing - you can replace label with the textBox using
jQuery and then update value via Ajax reques.
You decide what you need :) Anyway it's a lot of samples in the internet.
I use repeater to display records fetching from database, especially I use div tag to display html content stored in datatable. But I don't know how to find the div in backend. In Repeater_ItemDataBound event I can use
Control divControl=e.Item.FindControl("divControl");
to get it but it does not have innerHtml property to set html content. Does anyone know how to get it as a div control?
HtmlGenericControl defines the methods, properties, and events for all HTML server control elements not represented by a specific .NET Framework class.
So if its a server control you can simply use:
HtmlGenericControl divControl = e.Item.FindControl("divControl") as HtmlGenericControl;
To find the DIV in the code behind, you'll need to add the runat="server" tag to the DIV.
If you're going to do that, you might as well just use a Panel, as it outputs a DIV anyway.
After doing the above, you should be able to find it like this:
Panel panel = (Panel)Repeater1.Items[0].FindControl("Panel1");