master page, usercontrol and datagrid

I want to have datagrid inside the usercontrols and I want to call usercontrol from master page. And I want to use ajax control toolkit modelpopup , so when user clicks linkbutton inside the datagrid, it will model pop up panel pops up.. How can I achieve that? Any example would be great..

I already created my usercontrol that datagrid in it and created website that gets the content from master page. Now, I need to know how to plug ajax to masterpage and also use modelpopupextender? If I put script manager inside the master page, if some of my other application I don't want to use ajax would be effected? Because I have a lot of existing code that uses masterpage, I just don't want script manager or update panel to cause any problem to the other pages don't use ajax...

Re: master page, usercontrol and datagrid

You can add a scriptmanager to the masterpage and it will not cause problems with other pages that don't use ajax. The sample website shows you how to use the modalpopup and you don't need to do anything special to get this working for a datagrid. If you want to load the modalpopup with data related to the row of the datagrid then you will probably want to do an ajax postback when the row is clicked and show the modalpopup programmatically (as per the example on the sample website).

Re: master page, usercontrol and datagrid

"If you want to load the modalpopup with data related to the row of the datagrid then you will probably want to do an ajax postback when the row is clicked and show the modalpopup programmatically "

this is exactly how I want. My datagrid has checkbox, and linkbutton right, when checkbox clicks linkbutton gets enable. Then linkbutton gets clicks that will fire up model pop up panel . How would you set the update panel according to this senario?

Re: master page, usercontrol and datagrid

Wrap the grid in an updatepanel and then when a linkbutton is clicked, postback and load the modalpopup with whatever content you require and call the Show() method to make the modalpopup visible.

Re: master page, usercontrol and datagrid

I did first one you said, but I don't know how to make linkbutton postback, because it is in datagrid.

Re: master page, usercontrol and datagrid

The linkbutton will automatically postback regardless of whether it is in a datagrid or not. Just hook up an OnClick event handler as you normally would.

Re: master page, usercontrol and datagrid

for some reason my page is not updating at all. I have created master page and put the scriptmanager inside, then I created datagrid and wrap it with update panel, I put my oncheckchange event handler for checkboxes and onclick event for link button, both of my events working fine without ajax , I think I am doing something wrong either with script manager or update panel, I cannot figure it out.

Re: master page, usercontrol and datagrid

Please post the source code for the page and code behind.

Re: master page, usercontrol and datagrid

I am really sorry, It is really long one, I wanted to post whole page, so you can see where did I put my Update panel , model pop up too, right now, my Oncheckchange on server side working good, enables link button too, but when link button clicked it is not displaying model pop up panel. I have draw a lines below those code is important and related. Thank you for your help...

this is the page aspx

<%@ Page Language="VB" MasterPageFile="~/MasterPageAJAX.master" AutoEventWireup="false"

CodeFile="MRl1.aspx.vb" Inherits="Usingmaster" Title="Untitled Page" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

Namespace="System.Web.UI" TagPrefix="asp" %>

<%@ Register Src="UserControls/Claim.ascx" TagName="Claim" TagPrefix="uc2" %>

<%@ Register Src="UserControls/line_details.ascx" TagName="line_details" TagPrefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

Content Page<br />

<tr>

<tr>

<td>

<asp:Label ID="lblMrl1Header" runat="server" Font-Bold="true" Font-Size="Large">

Review

</asp:Label>

</td>

</tr>

</table>

</td>

</tr>

<td>

</td>

</tr>

<tr>

<td>

<tr>

<td>

<asp:Button runat="server" ID="Tab1" Text="Claim"></asp:Button>

</td>

<td>

<asp:Button runat="server" ID="Tab2" Text="Finding"></asp:Button>

</td>

<td>

<asp:Button runat="server" ID="Tab3" Text="Request Docs"></asp:Button>

</td>

</tr>

</table>

<br />

<uc2:Claim ID="Claim" runat="server" />

</td>

</tr>

<tr>

<td>

<tr>

<td>

<asp:Panel ID="Panel1" runat="server">

<tr>

 </td>

</tr>

<tr>

<uc1:line_details ID="Line_details1" runat="server" />

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

<tr>

<td>

<asp:Panel ID="Panel2" runat="server">

<tr>

<asp:Panel ID="pnlreview" runat="server" Height="250px" BackColor="#ffcc99" Width="675px"

BorderStyle="Solid" BorderWidth="3px">

<asp:TextBox ID="TextBox1" runat="server" BackColor="#ffcc99" Width="98px" Style="left: 83px;

position: relative; top: 22px"></asp:TextBox>

<asp:Label ID="Label37" runat="server" Text="Due:" Width="31px" Font-Size="Small"

Style="left: 93px; position: relative; top: 21px"></asp:Label>

<asp:TextBox ID="TextBox3" runat="server" BackColor="#ffcc99" Width="81px" Style="left: 95px;

position: relative; top: 24px"></asp:TextBox>

<asp:Label ID="Label38" runat="server" Text="Last Saved:" Width="78px" Font-Size="Small"

Style="left: 115px; position: relative; top: 21px"></asp:Label>

<asp:TextBox ID="TextBox4" runat="server" BackColor="#ffcc99" Width="76px" Style="left: 123px;

position: relative; top: 25px"></asp:TextBox>

<asp:Label ID="Label39" runat="server" Text="Suspected Fraud:" Width="75px" Font-Size="Small"

Style="left: 142px; position: relative; top: 32px"></asp:Label>

<asp:CheckBox ID="CheckBox1" runat="server" Width="1px" Style="left: 144px; position: relative;

top: 33px" /><br />

<asp:Label ID="Label36" runat="server" Text="Assigned On:" Width="86px" Font-Size="Small"

Style="left: 5px; position: relative; top: -91px"></asp:Label>

<asp:Label ID="Label40" runat="server" Height="17px" Text="Review Comments:" Width="136px"

Style="left: -74px; position: relative; top: -47px" Font-Size="Small"></asp:Label>

<asp:TextBox ID="TextBox5" runat="server" Height="101px" Style="left: -219px; position: relative;

top: 68px" TextMode="MultiLine" Width="432px"></asp:TextBox></asp:Panel>

</td>

</tr>

</td>

</tr>

<tr>

_____________________________________________________________________________________________________

____________________________________________________________________________________________________

<asp:UpdatePanel ID="updatepanel1" runat="server">

<asp:DataGrid ID="dg" runat="server" AutoGenerateColumns="False" CellPadding="4"

DataKeyField="err_code_id" PageSize="15" Width="819px" GridLines="None" BackColor="LightYellow"

BorderColor="Black" BorderStyle="Solid" BorderWidth="3px" Font-Bold="False" Font-Italic="False"

Font-Names="Arial" Font-Overline="False" Font-Size="Large" Font-Strikeout="False"

Font-Underline="False">

<HeaderStyle BackColor="LightYellow" Font-Bold="True" ForeColor="#CCCCFF" Font-Italic="False"

Font-Names="Arial Black" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" />

<asp:BoundColumn DataField="rank" ReadOnly="True" Visible="False"></asp:BoundColumn>

<asp:BoundColumn DataField="finding_id" ReadOnly="True" Visible="False"></asp:BoundColumn>

<asp:BoundColumn DataField="err_code_id" ReadOnly="True" Visible="False"></asp:BoundColumn>

<asp:BoundColumn DataField="type" ReadOnly="True" Visible="False"></asp:BoundColumn>

<asp:BoundColumn DataField="REVIEW_ID" ReadOnly="True" Visible="False"></asp:BoundColumn>

<asp:BoundColumn DataField="REVIEW_NUM" ReadOnly="True" Visible="False"></asp:BoundColumn>

<asp:BoundColumn DataField="SELECTED_FINDING" ReadOnly="True" Visible="False"></asp:BoundColumn>

<asp:TemplateColumn HeaderText=" ">

<asp:CheckBox ID="Chkerr" runat="server" AutoPostBack="true" OnCheckedChanged="RowChanged"

Checked="false" />

</ItemTemplate>

<asp:CheckBox ID="Chkerr" runat="server" AutoPostBack="true" OnCheckedChanged="RowChanged"

Checked='<%# DataBinder.Eval(Container, "DataItem.SELECTED_FINDING") %>' />

</EditItemTemplate>

</asp:TemplateColumn>

<asp:BoundColumn DataField="CODE" HeaderText="Err Code" ReadOnly="True">

</asp:BoundColumn>

<asp:TemplateColumn HeaderText="Err Amt ">

<asp:TextBox ID="txtERR_AMT" runat="server" Width="77px" />

</ItemTemplate>

</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Billed Codes/Units">

<asp:TextBox ID="txtbilled" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.BILLED_CODES_UNITS") %>'

Width="102px"></asp:TextBox>

</ItemTemplate>

</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Over/Under">

<asp:DropDownList ID="DrpOverunder" runat="server" DataTextField="Over_Under" DataValueField="id">

<asp:ListItem Value="O">Over</asp:ListItem>

<asp:ListItem Value="U">Under</asp:ListItem>

</asp:DropDownList>

</ItemTemplate>

</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Err Reason/Policy Ref">

<asp:LinkButton ID="Linkpolicy" OnClick="ShowError" runat="server">LinkButton</asp:LinkButton>

<asp:Label ID="linklabel" runat="server" Visible="false"></asp:Label>

</ItemTemplate>

</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Correct Codes/Units">

<asp:TextBox ID="txtcorrect" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CORRECT_CODES_UNITS") %>'

Width="120px"></asp:TextBox>

</ItemTemplate>

</asp:TemplateColumn>

<asp:TemplateColumn>

<asp:TextBox ID="txtUniqueID" runat="server" CssClass="txtHidden" Text='<%#Eval("err_code_id")%>'

Visible="false" />

</ItemTemplate>

</asp:TemplateColumn>

</Columns>

</asp:DataGrid>

</ContentTemplate>

</asp:UpdatePanel>

<asp:TextBox ID="txtmessage" runat="server" Visible="false" Style="z-index: 100;

left: 23px; position: absolute; top: 408px" Width="45px"></asp:TextBox>

<asp:Panel ID="ErrorPopup" runat="server" CssClass="modalPopup" Visible="false" Style="z-index: 108;

left: 261px; position: absolute; top: 359px" Width="543px" Height="273px">

<div style="border-left: gray thin; width: 527px; position: relative; height: 261px;

background-color: gainsboro; left: 4px; top: 0px;">

<asp:Label ID="Label41" Style="z-index: 103; left: 7px; position: absolute; top: 6px"

runat="server" Font-Size="12pt" Width="216px" Height="18px" Font-Bold="True">Error Reason</asp:Label>

<asp:Label ID="Label42" Style="z-index: 104; left: 12px; position: absolute; top: 42px"

runat="server" Width="312px" Height="24px">Select a Error Reason and click OK to Link.</asp:Label>

<asp:ListBox ID="lstpolicy" runat="server" Style="z-index: 105; left: 13px; position: absolute;

top: 72px" DataTextField="Description" DataValueField="id" Width="499px" Height="118px">

</asp:ListBox>

<asp:Button ID="cmdlnkOK" Style="z-index: 106; left: 156px; position: absolute; top: 210px"

runat="server" Width="72px" Text="OK"></asp:Button>

<asp:Button ID="cmdLnkCancel" Style="z-index: 107; left: 240px; position: absolute;

top: 210px" runat="server" Width="72px" Text="Cancel"></asp:Button>

<asp:Label ID="lblvalidate" runat="server" Style="position: relative; left: 7px;

top: 218px;" Width="139px"></asp:Label></div>

</asp:Panel>

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" TargetControlID="FakeNote" PopupControlID="ErrorPopup" runat="server" />

<asp:Button ID="FakeNote" runat="server" Style="display: none; z-index: 102; left: 202px;

position: absolute; top: 494px;" />

_________________________________________________________________________________________________________________________

</td>

</tr>

</td>

</tr>

<tr>

<asp:Button runat="server" ID="btnSaveIncomplete" Text="Save Incomplete" BackColor="LightGray">

</asp:Button>

<asp:Button runat="server" ID="btnSaveComplete" Text="Save Complete" BackColor="LightGray">

</asp:Button>

<asp:Label ID="lblSaveError" runat="server" ForeColor="red" Visible="false" Style="font-size: 10pt">

</asp:Label>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

<tr>

<td>

<asp:Panel ID="Panel3" runat="server">

<tr>

addionaldoc

</td>

</tr>

<td>

</td>

</tr>

<tr>

<td>

addinal doc

</td>

</tr>

<td>

</td>

</tr>

<tr>

<asp:CheckBox ID="cbOtherDoc" runat="server"></asp:CheckBox>

<asp:Label ID="lblOtherDoc" runat="server">

Re: master page, usercontrol and datagrid

Any idea why pop up is not showing?

Re: master page, usercontrol and datagrid

You need to call ModalPopupExtender1.Show() rather than trying to make the ErrorPopup panel visible. The Visible property specifies whether the html for the control is sent to the browser, but with a modal popup, visibility is controlled via the display style.

Re: master page, usercontrol and datagrid

Just noticed that you are going to need to put the ModalPopupExtender1 control within the updatepanel otherwise it is not going to get updated after the postback. Probably best to place that just after the datagrid.

Re: master page, usercontrol and datagrid

Okay let me try these corrections and let you know.. thank you

Re: master page, usercontrol and datagrid

I put modelpopid .show() instead visible, I replaced modelpopup right after datagrid inside the update panel, then put panel. Still cannot see my pop up panel displaying after click to link button, almost like it is not postbacks that's why, the thing is I know it does postbacks when I click because dropdown besides flickers when I clicked to linkbutton, just not displaying panel..

Re: master page, usercontrol and datagrid

You should now have ErrorPopup, ModalPopupExtender1 and FakeNote all within the same updatepanel...is that right?

Re: master page, usercontrol and datagrid

yes it is right. Still not showing panel

Re: master page, usercontrol and datagrid

I finally get this working now only problem , it is not recongizing my listbox, which is lstpolicy on server side code inside the ShowError () when I say it is complaining and saying lstpolicy is not declared...

lstpolicy.DataSource = Fill_ListBox()

lstpolicy.DataBind()