i had a gridview, inside that i had a download imagebutton, on clicking this button i need to download the file.
and this gridview is inside update panel. i think trigger to be used but i used both postbacktrigger and asynchronus postback trigger. but it is not triggering the button instead it is giving error.
So this might be a fairly specific issue but I figured I'd post it since I spent hours struggling with it before I was able to determine the cause.
<asp:GridView ID="gvAttachments" DataKeyNames="UploadedID" AutoGenerateColumns="false" OnSelectedIndexChanged="gvAttachments_SelectedIndexChanged" runat="server">
<EmptyDataTemplate>There are no attachments associated to this email template.</EmptyDataTemplate>
<Columns>
<asp:TemplateField ItemStyle-Width="100%">
<ItemTemplate>
<asp:LinkButton CommandName="Select" runat="server"><img src="/images/icons/trashcan.png" style="border: none;" /></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
In the ItemTemplate of the TemplateField of the GridView I have a LinkButton with an image inside of it. Normally I do this when I have an image with some text next to it but this time, for whatever reason, I just have the image. This causes the UpdatePanel to always do a full postback.
If I set up a repeater that has LinkButton controls, an UpdatePanel works great. If I add child elements to the LinkButton,such as SPAN, the UpdatePanel stops working as expected. If you click on the area of the LinkButton everything still works, but if you click on the area of the SPAN inside of the LinkButton, you get a full PostBack.I've tried setting ChildrenAsTriggers to true and a few hundred other things. Nothing seems to work. I think the UpdatePanel sees that the "click" event happened on the SPAN and doesn't know to capture it for an async postback.
[code]...
I have got the following gridview with a UpdatePanel and approve and save button in each row. How do I create a full postback if approve button is click and asyncPostback if save button is click.
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:PostBackTrigger ControlID="btnApprove" />
</Triggers>
<ContentTemplate>
<asp:GridView ID="gvApproval" runat="server" CssClass="gridview" BorderColor="#E5E5E5"
Width="98%" AutoGenerateColumns="False" DataKeyNames="NewProcessId" OnRowCommand="gvApproval_RowCommand"
OnRowDataBound="gvApproval_RowDataBound" OnRowEditing="gvApproval_RowEditing">
<Columns>
<asp:TemplateField Visible="False">
<ItemTemplate>
<asp:Label ID="lblApprovalId" runat="server" Text='<%# Bind("ApprovalId") %>' Width="1px"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Comment">
<ItemStyle Width="80%" Wrap="True" />
<ItemTemplate>
<asp:Label ID="lblComment" runat="server" Text='<%# Eval("Comment").ToString().Replace("
", "<br />") %>'></asp:Label>
<asp:TextBox ID="txtApprovalComment" runat="server" CssClass="textMessageBox" TextMode="MultiLine"
Width="98%" Visible="false"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvApprovalComment" runat="server" ControlToValidate="txtApprovalComment"
Display="Dynamic" CssClass="textErrorMessageNormal" ErrorMessage="Comment is required before approval"
ValidationGroup="Approve"></asp:RequiredFieldValidator><br />
<asp:ImageButton ID="btnApprove" runat="server" CssClass="spbutton" Visible="false"
ImageUrl="~/Images/ButtonApprove.gif" ValidationGroup="Approve" CommandName="Approve">
</asp:ImageButton>
<asp:ImageButton ID="btnSave" runat="server" CssClass="spbutton" Visible="false"
ImageUrl="~/Images/ButtonSave.gif" ValidationGroup="Save" CommandName="Save">
</asp:ImageButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerStyle CssClass="pager" />
<HeaderStyle CssClass="gridtableHeading" Wrap="False" />
<AlternatingRowStyle CssClass="alternateRow" />
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>
I have an gridview inside of a multiview inside of an updatepanel. I create all this dynamically with code (AutoGenerateSelectButton=true).If the SelectedIndexChanged event is fired, there is a full postback. How can I avoid this?
View 6 RepliesI found this solution to force full postbacks from within an UpdatePanel
<Triggers>
<asp:PostBackTrigger ControlID="controlID" />
</Triggers>
but my control is actually inside an ItemTemplate nested in a GridView. Therefore when my page loads, it doesn't find that control.
How can I force a full postback from my control (an asp:LinkButton) from within my GridView?
I have a webform which has an updatepanel with a combobox, add button, delete button and a table. The functiion of the two buttons is to add or delete table rows. However, the table is getting cleared everytime the combobox item is selected. Is there anotherway of retaining the table contents?The code for the updatepanel is:
<asp:UpdatePanel ID="UpdatePanelTreatment" runat="server" UpdateMode="Conditional">
<triggers>
<asp:PostbackTrigger ControlID="cboTreatment" />
asp:PostbackTrigger ControlID="btnAdd" />
I have an update panel with content that needs to be updated by a listview item which is a linkbutton, in .NET 3.5 I just used the defaults on all the controls and everything worked fine, after the upgrade to 4.0 the linkbutton causes a full postback with page refresh. I did try setting the linkbutton's id as the trigger for the update panel and still causes same page refresh. The scriptmanager is on the masterpage with enablepartialrendering = true.
View 2 Repliesi have upgrade my website from framework 2.0 to 3.5 but i have problem with ajax .I get full postback when i click a linkbutton inside update panel .
View 14 RepliesI'm having few UpdatePanels on my master page. And then, I have RadTreeViewcontrol on the page, that should cause partial postback each time node is clicked. Everything works fine there. Since I'm using the same tree on some other pages, I moved this functionality to UserControl. Stuff I've done before, so no problem. Moved some code to ascx, created some events. Everything always worked for me well. But not now. RadTreeView is nested inside UserControl, and this control on master page with update panels, see below:
<asp:Panel ID="pnlContentWrapper" runat="server" CssClass="ContentWrapper">
<div id="HeaderBreadCrumb">
<asp:ContentPlaceHolder ID="HeaderBreadCrumbContent" runat="server" />
</div>
<div id="HeaderMenu">
<asp:UpdatePanel ID="upnlTreeMenu" runat="server">
<ContentTemplate>
<asp:ContentPlaceHolder ID="HeaderMenuContent" runat="server" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="treeProductTree" />
</Triggers>
</asp:UpdatePanel>
</div>
<div id="TreeDiv">
<fp:ProductTree ID="treeProductTree" runat="server" />
</div>
<asp:Panel ID="ContentDiv" ClientIDMode="Static" runat="server">
<asp:UpdatePanel ID="upnlTreeContent" runat="server">
<ContentTemplate>
<asp:ContentPlaceHolder ID="TreePageContent" runat="server" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="treeProductTree" />
</Triggers>
</asp:UpdatePanel>
</asp:Panel>
</asp:Panel>
And the user control is really simple:
<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="ProductTree.ascx.vb"
Inherits="ProductTree" %>
<div>
<telerik:RadTreeView ID="treeProductTree" ClientIDMode="Static" runat="server" EnableDragAndDrop="false"
SkinID="CustomSkin" CssClass="MasterProductTree" DataFieldID="NodeId" DataFieldParentID="NodeParentId"
DataTextField="NodeName" DataValueField="NodeId" />
</div>
And some code behind:
Imports Telerik.Web.UI
Public Class ProductTree
Inherits System.Web.UI.UserControl
Public Event NodeExpand As EventHandler(Of ProductTreeNodeExpandEventArgs)
Public Event SelectedNodeChange As EventHandler
Protected Sub ProductTree_NodeExpand(ByVal sender As Object, ByVal e As RadTreeNodeEventArgs) _
Handles treeProductTree.NodeExpand
Dim nodeId As Integer = CInt(e.Node.Value)
Dim evetArgs = New ProductTreeNodeExpandEventArgs(nodeId)
RaiseEvent NodeExpand(Me, evetArgs)
//'some logic
End Sub
Protected Sub ProductTree_OnNodeClick(ByVal sender As Object, ByVal e As RadTreeNodeEventArgs) _
Handles treeProductTree.NodeClick
RaiseEvent SelectedNodeChange(Me, New System.EventArgs())
End Sub
End Class
What I don't know is: why is this causing full postback instead of partial? I suspect that it may have something to do with raising my for SelectedNodeChange, but I don't know how to deal with it other way. I need to let other components know, that node selection changed. How can I improve this to make it work with UpdatePanels?
I have run into what seems to be a very famous problem: My updatepanel fires a full postback instead of a async postback. The normal solution is to give all controls you add dynamically an ID, which I have done, but I still get a full postback instead of my async postback. Here's the code:
HTML:
<asp:UpdatePanel ID="ItemsUpdatePanel" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="False">
<Triggers>
</Triggers>
<ContentTemplate>
<asp:ListView ID="PlayerItems" runat="server" GroupItemCount="5"
onitemdatabound="PlayerItems_ItemDataBound">
<LayoutTemplate>
... Listview stuff ...
</asp:ListView>
</ContentTemplate>
</asp:UpdatePanel>
The interesting part is the C# code behind (method PlayerItems_ItemDataBound), which is like the following:
ImageButton imgBtn = new ImageButton();
imgBtn.ID = "itemBtn";
imgBtn.Width = Unit.Pixel(30);
imgBtn.ImageUrl = "~/Images/Game/Items/" + myItem.ItemImageUrl;
ContextMenu menu = new ContextMenu();
menu.BoundControls.Add(imgBtn);
menu.ItemCommand += new CommandEventHandler(menu_ItemCommand);
menu.AutoHide = true;
menu.RolloverColor = Color.Gray;
menu.ID = "MenuMenu";
Panel panel = (Panel)(e.Item.FindControl("ItemPanel"));
panel.Controls.Add(imgBtn);
panel.Controls.Add(menu);
AsyncPostBackTrigger trig = new AsyncPostBackTrigger();
trig.ControlID = menu.UniqueID;
trig.EventName = "ItemCommand";
ItemsUpdatePanel.Triggers.Add(trig);
So, I actually add an AsyncPostBackTrigger to the menu, so the ItemCommand event should be registered. What happends when I click an item in this contextmenu, is a full postback happends. I have been trying to play with the ChildrenAsTriggers property without help.
I have basically the following structure set up :
[Code]....
I am aware that a FileUpload requires a full page postback. I read the article http://www.4guysfromrolla.com/articles/090209-1.aspx[^]I tried to install a PostBackTrigger programmatically to get a full postback only on the ImageButton1 control. All other postbacks must be partial. (GridView sorting, paging, ...)In code behind I do :
[Code]....
The above code does not seem to install a full postback only for the ImageButton1, so the file upload fails. How can I make this work ?
I have a quite strange situation where I have the following code:
<asp:Timer ID="GameClock" runat="server" Interval="5000" Enabled="true"
ontick="GameClock_Tick">
</asp:Timer>
<asp:UpdatePanel ID="ItemsUpdatePanel" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
<Triggers>
NOTE THE TRIGGER IS COMMENTED OUT
<%--<asp:AsyncPostBackTrigger ControlID="GameClock" EventName="Tick" />--%>
</Triggers>
<ContentTemplate>
<asp:ListView ID="PlayerItems" runat="server" GroupItemCount="7"
onitemdatabound="PlayerItems_ItemDataBound">
<LayoutTemplate>
<table border="1" cellpadding="2" cellspacing="0" runat="server" id="tblProducts">
<tr runat="server" id="groupPlaceholder">
</tr>
</table>
</LayoutTemplate>
<ItemTemplate>
<td id="Td1" runat="server" style="vertical-align:top; text-align:left; height:100%;">
<div>
<div id="category" runat="server">
<asp:Panel ID="ItemPanel" runat="server">
</asp:Panel>
</div>
</div>
</td>
</ItemTemplate>
<GroupTemplate>
<tr runat="server" id="productRow">
<td runat="server" id="itemPlaceholder"></td>
</tr>
</GroupTemplate>
</asp:ListView>
</ContentTemplate>
</asp:UpdatePanel>
This gives a quite strange result: Every 5s my whole page gives a full postback. When I comment in (activate) the asyncpostbacktrigger, the updatepanel does not give a full postback. In the PlayerItems_ItemDataBound I have the following code (which, I do think, do not matter):
protected void PlayerItems_ItemDataBound(object sender, ListViewItemEventArgs e)
{
if (e.Item.ItemType == ListViewItemType.DataItem)
{
ListViewDataItem dataItem = e.Item as ListViewDataItem;
if (dataItem != null)
{
BaseItem myItem = dataItem.DataItem as BaseItem;
Panel itemPanel = new Panel();
Literal firstLiteral = new Literal();
firstLiteral.Text += "<div id='smoothmenu1' class='ddsmoothmenu'>";
firstLiteral.Text += "<ul>";
firstLiteral.Text += "<li><img src='Images/Game/Items/" + myItem.ItemImageUrl + "' />";
firstLiteral.Text += "<ul>";
// Add all events bound to item into contextmenu
itemPanel.Controls.Add(firstLiteral);
foreach (Delegate del in myItem.Actions.Items)
{
Literal firstItLit = new Literal();
firstItLit.Text += "<li>";
itemPanel.Controls.Add(firstItLit);
MethodInfo methodInfo = del.Method;
string commandName = myItem.ItemId + "|" + methodInfo.Name;
LinkButton btn = new LinkButton();
btn.Text = methodInfo.Name;
btn.Click += new EventHandler(btn_Click);
btn.CommandName = commandName;
itemPanel.Controls.Add(btn);
Literal secondItLit = new Literal();
secondItLit.Text += "</li>";
itemPanel.Controls.Add(secondItLit);
}
Literal btnLiteral = new Literal();
btnLiteral.Text += "</ul>";
btnLiteral.Text += "</li>";
btnLiteral.Text += "</ul>";
btnLiteral.Text += "</div>";
itemPanel.Controls.Add(btnLiteral);
Panel panel = (Panel)(e.Item.FindControl("ItemPanel"));
panel.Controls.Add(itemPanel);
}
}
}
When I create a NEW updatepanel, ItemsUpdatePanel1, it does not fire a full postback without the timer. I can even start copying items from ItemsUpdatePanel to ItemsUpdatePanel1, and suddenly the full postbacks happen. I tried 2 seperate times, and they started happening at different times.
We have a fairly complex content management system where we start with a blank page with just an updatepanel, then in the init function add all the controls, this all works fine.The problem I'm having is that when the loginform control logs in, we get data back from the server that looks like:
|#||4|64|pageRedirect||%2findex.aspx%3feventid%3d1079%26AspxAutoDetectCookieSupport%3d1|1|#||4|15647|updatePanel|ctl00_ContentPlaceHolder1_contentup|
<span id="ctl00_ContentPlaceHolder1_DEBUG"></span><div id="ctl00_ContentPlaceHolder1_content">
<div class="contentWrapper">
<div class="form">
<div id="errors">
<div id="ctl00_ContentPlaceHolder1_ctl03" style="display:none;">
</div></div>
[code]...
I have a quite strange situation where I have the following code:
[Code]....
This gives a quite strange result: Every 5s my whole page gives a full postback. When I comment in (activate) the asyncpostbacktrigger, the updatepanel does not give a full postback. In the PlayerItems_ItemDataBound I have the following code (which, I do think, do not matter):
[Code]....
When I create a NEW updatepanel, ItemsUpdatePanel1, it does not fire a full postback without the timer. I can even start copying items from ItemsUpdatePanel to ItemsUpdatePanel1, and suddenly the full postbacks happen. I tried 2 seperate times, and they started happening at different times. I simply want the UpdatePanel NOT to give a full postback, even without a timer.
here is my simlified code default.aspx;
<script runat="server">
Protected Sub GridView1_RowCommand(ByVal sender As Object, ByVal e As GridViewCommandEventArgs)
Dim strFirstName As String = DirectCast(GridView1.FooterRow.FindControl("txtCompanyName"), TextBox).Text()
If e.CommandName = "Add" Then
companiesGridViewSDS.InsertParameters("CompanyName").DefaultValue = strFirstName
companiesGridViewSDS.Insert()
[code]...
I am searching already the web for some hours to get this working. I created a custom control (ConfigTree), which has a treeview as part of it. I put the custom control into an update panel. So far so good. When I click on different buttons (in ucc:ConfigTree) or the treeview in the custom control an async postback is done. When clicking on a node in the treeview an event for the parent element (ConfigTree) is generated, which populates again an event (NodeSelected) for the parent element (shown below). Different parent elements can handle the event differently. In one element (this one) I need to transform the async postback in a real postback with full page refresh. For better understanding see the following code:
[Code]....
the parent element (here shown) should process the OnNodeSelected and transform it into an full postback and not just an async postback, but only this event, all the other events in the ucc:ConfigTree should processed async. How can I do that? Is there a method to call in the code behind?
I have a linkbutton inside a updatepanel and when the update panel does a partial page rendering, the linkbutton disappears.
<asp:UpdatePanel ID="up" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">
<ContentTemplate>
<asp:DropDownList ID="drp" runat="server" AutoPostBack="true" CausesValidation="true">
<asp:ListItem Text="" Value="" />
<asp:ListItem Text="a" Value="a" />
<asp:ListItem Text="b" Value="b" />
<asp:ListItem Text="c" Value="c" />
</asp:DropDownList>
<asp:LinkButton ID="link" Text="abc" runat="server" />
</ContentTemplate>
I think that is because the link button is rendered using a script and that script is not run after the post back.
I have a UpdatePanel which is having a Datalist inside it , and in datalist i have a country dropdownlist whose autopostback = true , now it is causing postback which i want to trigger , but i am unable to set it as AsyncPostBackTrigger inside update panel because update panel won't find the dropdownlist as it is in datalist.
View 1 RepliesSo i'm currently designing a site ( ) and i've made my skeleton master page.What i've noticed is that the gridview must be cut down a little to fit my 1024x768 design.
Now i have taken a note in the past to look at this but i couldn't find the time so i guess the time is now.
What i have problem with is shrinking the columns.If i have a name, say "jack R" and i make a gridview column,say width 15 then the name is included and all is ok.However if i have another name,say "jack the 3rd" then the column will expand to fill the name.So all the grid will expand to the right.I have tried in the past some stuff but it seems that if a value is longer than the column then i expands whatever i do.Also i was surprised to see that only the dates will not expand and go "down" instead of right.At least in the gridview i have.
So the 2 questions.How do i make the gridview columns NOT to expand and if the data needs to show in full then how do i make the data go DOWN and not expand right.I have no problem of the grid expanding downwards but i have a problem of the grid expanding to the right.
I am having trouble with the postbacks that are fired within my updatepanel by the linkbuttons. Here is the structure of my page
View 6 RepliesAdmittedly, I haven't done a lot of development for iPhone or smartphones, in general. This is a conventionally sized asp.net 3.5 website with a subfolder that contains simplified webforms that are supposed to be optimized for smartphone screens, specifically the iPhone. The page giving me the problem contains an AJAX accordion control with three panes. The first pane has a DetailsView with the default mode set to Insert. The second pane has a three column gridview. The last pane has another detailsview that shows the detail of whichever record is selected in the gridview. Pane 1, the gridview, is the default view when the page loads. Everything works fine on the page but when it renders on the iPhone 4, the accordion and the controls are very small, occupying about 1/4 of the screen. Double-tapping the gridview causes the screen to zoom or you can use two fingers to stretch it to the size you want. I would like to find a way to make the page load with the controls already zoomed in to full screen. I have triedstyle="width: 400px;" in the <body> element, the <form> element, and in the <div> element. None of them made a difference.
View 2 RepliesIn my grid I have three fields: Action date, type name and TypeId. I want to make the Edit linkbutton disabled when the type name is either 'Accepted date' or 'Received Date'. I can do it if there is one condition by the following code, but I can not pass both.
<asp:LinkButton
ID="lbEditAction"
runat="server"
CausesValidation="False"
CommandName="Edit"
CssClass="LinkButton"
Height="19px"
Text="Edit"
Enabled='<%# Not "Accepted Date".Equals(Eval("ActionTypeName")) %>'
Width="39px"></asp:LinkButton>
Is there a way to do this?
I have a problem with my Linkbutton which is not firing the RowCommand of my gridview.
Just for an Idea what I am doing is a follows:
1. WebForm
WebForm hosts UserControl_A.
2. UserControl_A = UpdatePanel + Panels + Gridview1 + CollapsiblePanelExtender
Updatepanel of UserControl_A consists of multiple Panels.
Each Panel consists of a Gridview1.
Upon each Panel expand UserControl_B is loaded.
3. UserControl_B = Details View & a couple of Linkbuttons in GridView2
Upon clicking the Linkbutton, unexpectedly it makes a refresh for the entire UserControl_A.
But it does not fire the RowCommand of its parent GridView2.
This GridView contains a TemplateField with a LinkButton that displays a text value. When the link button is clicked, the code behind needs to capture the text value of the button, and then refresh the GridView with an asynchronous postback within the UpdatePanel and display the updated output.
The post-back event is occurring, and I'm able to capture the event in Visual Studio 2010 debugger. But, the screen contents do not change after this event occurs. No exception gets thrown, at least from what I can see in debugger.
Portions of the sanitized code appear below. The GridView actually appears on a page that contains 2 dropdown lists and 2 other GridViews. There is just one UpdatePanel on this page.
[Code]....
This is in the Code-Behind.
[Code]....
I can put a break point in the above method, and it is captured when the lnkHostName button is clicked. Stepping through the lnkHostName_Click() method, the ReloadPage() method successfully runs, then executes this method:
[Code]....
This runs successfully, and the DataSet which gets returned contains 1 row of data rather than several rows. This is what I expect to happen. Once the filter is selected in my test case just 1 row should get returned. The problem is that I don't see that output refreshed on the screen. The grdProcesses gridview continues to display the original dataset of several rows, rather than just one row of data. To additionally test this, I tried setting the visibility of grdProcesses to false within this method when the HostName had a value. Again, this ran without an error, but the GridView was still visible. And I also tested by updating the contents of a label with the HostName value. The new value was never displayed in the label. I also tried putting the lnkHostName button into the triggers, ala:
[Code]....
But the following exception gets thrown when that button is added, "A control with ID 'lnkHostName' could not be found for the trigger in UpdatePanel 'upMain'."
What's frustrating is that everything appears to run smoothly in debugger. But in reality the expected output never gets refreshed on the screen. Perhaps I need to use an alternate trigger in the AsyncPostBackTrigger. I'm open to using a command button or some other artifact.