master page, usercontrol and datagrid RSS

• • Reply
  

  jaws1021

  Member

  50 Points

  189 Posts

  master page, usercontrol and datagrid

  Jul 28, 2007 07:07 AM|LINK

  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...

• • Reply
  

  Jason Hill

  Contributor

  2019 Points

  497 Posts

  Re: master page, usercontrol and datagrid

  Jul 28, 2007 09:20 PM|LINK

  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).

  • Marked as answer by jaws1021 on Jul 30, 2007 06:48 AM
• • Reply
  

  jaws1021

  Member

  50 Points

  189 Posts

  Re: master page, usercontrol and datagrid

  Jul 28, 2007 09:35 PM|LINK

  "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?

• • Reply
  

  Jason Hill

  Contributor

  2019 Points

  497 Posts

  Re: master page, usercontrol and datagrid

  Jul 28, 2007 09:45 PM|LINK

  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.

• • Reply
  

  jaws1021

  Member

  50 Points

  189 Posts

  Re: master page, usercontrol and datagrid

  Jul 28, 2007 10:10 PM|LINK

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

• • Reply
  

  Jason Hill

  Contributor

  2019 Points

  497 Posts

  Re: master page, usercontrol and datagrid

  Jul 28, 2007 10:20 PM|LINK

  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.

• • Reply
  

  jaws1021

  Member

  50 Points

  189 Posts

  Re: master page, usercontrol and datagrid

  Jul 29, 2007 04:41 AM|LINK

  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.

• • Reply
  

  Jason Hill

  Contributor

  2019 Points

  497 Posts

  Re: master page, usercontrol and datagrid

  Jul 29, 2007 05:32 AM|LINK

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

• • Reply
  

  jaws1021

  Member

  50 Points

  189 Posts

  Re: master page, usercontrol and datagrid

  Jul 29, 2007 07:13 AM|LINK

  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 />

  <table cellspacing="0" cellpadding="0" border="0">

  <tr>

  <td style="height: 41px">

  <table cellspacing="0" cellpadding="2" border="0" class="table_thin">

  <tr>

  <td>

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

   Review

  </asp:Label>

  </td>

  </tr>

  </table>

  </td>

  </tr>

  <tr height="5px">

  <td>

  </td>

  </tr>

  <tr>

  <td>

  <table cellspacing="0" cellpadding="0" border="0">

  <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 />

  <br />

  <br />

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

  </td>

  </tr>

  <tr>

  <td>

  <table cellspacing="0" cellpadding="0" border="0">

  <tr>

  <td>

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

  <table cellpadding="0" cellspacing="0" border="0">

  <tr>

  <td valign="top">

  &nbsp;</td>

  </tr>

  <tr>

  <td valign="top" style="height: 181px">

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

  </td>

  </tr>

  </table>

  </asp:Panel>

  </td>

  </tr>

  <tr>

  <td>

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

  <table cellspacing="0" cellpadding="0" border="0">

  <tr>

  <td style="width: 897px">

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

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

  &nbsp; &nbsp;

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

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

  &nbsp;

  <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>

  <tr height="5px">

  <td style="width: 897px">

  </td>

  </tr>

  <tr>

  <td valign="top" style="width: 897px">

   

  _____________________________________________________________________________________________________ 

  ____________________________________________________________________________________________________

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

  <ContentTemplate>

  <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">

  <FooterStyle BackColor="LightYellow" ForeColor="#003399" />

  <ItemStyle BackColor="LightYellow" ForeColor="#003399" />

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

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

  <Columns>

  <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=" ">

  <ItemTemplate>

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

  Checked="false" />

  </ItemTemplate>

  <EditItemTemplate>

  <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">

  <HeaderStyle Wrap="False" />

  </asp:BoundColumn>

  <asp:TemplateColumn HeaderText="Err Amt ">

  <ItemTemplate>

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

  </ItemTemplate>

  </asp:TemplateColumn>

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

  <ItemTemplate>

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

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

  </ItemTemplate>

  <ItemStyle Wrap="False" />

  <HeaderStyle Wrap="False" />

  </asp:TemplateColumn>

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

  <ItemTemplate>

  <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>

  <ItemStyle Wrap="False" />

  <HeaderStyle Wrap="False" />

  </asp:TemplateColumn>

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

  <ItemTemplate>

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

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

  </ItemTemplate>

  <ItemStyle Wrap="True" />

  <HeaderStyle Wrap="True" />

  <FooterStyle Width="100%" />

  </asp:TemplateColumn>

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

  <ItemTemplate>

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

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

  </ItemTemplate>

  <ItemStyle Wrap="False" />

  <HeaderStyle Wrap="False" />

  </asp:TemplateColumn>

  <asp:TemplateColumn>

  <ItemTemplate>

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

  Visible="false" />

  </ItemTemplate>

  </asp:TemplateColumn>

  </Columns>

  <PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" Mode="NumericPages" />

  </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>

  <tr height="5px">

  <td style="width: 897px">

  </td>

  </tr>

  <tr>

  <td style="width: 897px">

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

  </asp:Button>

  &nbsp;&nbsp;

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

  </asp:Button>

  &nbsp;&nbsp;

  <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">

  <table cellpadding="0" cellspacing="0" border="0">

  <tr>

  <td valign="top" colspan="2">

  addionaldoc

  </td>

  </tr>

  <tr height="5px">

  <td>

  </td>

  </tr>

  <tr>

  <td>

  addinal doc

  </td>

  </tr>

  <tr height="5px">

  <td>

  </td>

  </tr>

  <tr>

  <td bgcolor="lightyellow">

  &nbsp;&nbsp;&nbsp;

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

  &nbsp;

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

  Other document, please specify

  </asp:Label>

  </td>

  </tr>

  <tr>

  <td bgcolor="lightyellow">

  <asp:TextBox ID="txtOtherDoc" runat="server" Width="552px" MaxLength="200" TextMode="MultiLine"></asp:TextBox>

  </td>

  </tr>

  <tr height="5px">

  <td>

  </td>

  </tr>

  <tr>

  <td align="left">

  <asp:Button ID="btnRequest" runat="server" Text="Request" Style="cursor: hand" BackColor="LightGray">

  </asp:Button>

  &nbsp;&nbsp;

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

  </asp:Label>

  </td>

  </tr>

  </table>

  </asp:Panel>

  </td>

  </tr>

  </table>

  </td>

  </tr>

  </table>

  </asp:Content>

  code behind

  Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

  Dim sReviewerType As String

  sReviewerType = Request.QueryString("type").Substring(0, 1)

  Session("ReviewerType") = sReviewerType

  If Page.IsPostBack Then

  For Each item As DataGridItem In dg.Items

  Dim chkSelect As CheckBox = CType(item.FindControl("Chkerr"), CheckBox)

  Dim txtUniqueID As TextBox = CType(item.FindControl("txtUniqueID"), TextBox)

  If chkSelect.Checked Then

  ViewState(txtUniqueID.Text) = "1"

  Else

  ViewState(txtUniqueID.Text) = "0"

  End If

  Next item

  Else

  ErrorPopup.Visible = False

  BindGrid()

  ' I DON"T WANT TO SEE ANYTHING CHECKED AT THE BEGINNING>>>>>>>>>

  Dim dgItem As DataGridItem = CType(CType(sender, Control).NamingContainer, DataGridItem)

  For Each dgItem In dg.Items

  Dim myDropOver As DropDownList

  myDropOver = CType(dgItem.FindControl("DrpOverunder"), DropDownList)

  myDropOver.DataTextField = "Over_Under"

  myDropOver.DataValueField = "id"

  myDropOver.Items.Insert(0, "")

  myDropOver.Items.Item(0).Value = ""

  myDropOver.SelectedIndex = 0

  CType(dgItem.FindControl("DrpOverunder"), DropDownList).Enabled = False

  CType(dgItem.FindControl("txtERR_AMT"), TextBox).ReadOnly = True

  CType(dgItem.FindControl("txtbilled"), TextBox).ReadOnly = True

  CType(dgItem.FindControl("Linkpolicy"), LinkButton).Enabled = False

  Next

  End Sub

  I have Row changed event handler for enabling disabling checkboxes and linkbuttons this way on oncheckchanged eventhanler.

  Then my what happens when link clicks

  Sub ShowError(ByVal sender As Object, ByVal e As System.EventArgs)

  'Linkbutton click, panel will show error reason for that row only.

  Dim alink As New ArrayList

  If Not Session("SelectLink") Is Nothing Then

  alink = CType(Session("SelectLink"), ArrayList)

  End If

  Dim dgItem As DataGridItem = CType(CType(sender, Control).NamingContainer, DataGridItem)

  Dim rec As Integer = txtmessage.Text

  If Not alink.Contains(rec) Then

  alink.Add(rec)

  Select Case rec

  'MR 2,3, 4, 5, 6 Or 9 is added to array which means checked

  Case "13", "14", "15", "16", "17", "18", "19", "20"

  If CType(dgItem.FindControl("txtUniqueID"), TextBox).Text = 13 Or 14 Or 15 Or 16 Or 17 Or 18 Or 19 Or 20 Then

  txtmessage.Text = CType(dgItem.FindControl("txtUniqueID"), TextBox).Text

  ErrorPopup.Visible = True

  lstpolicy.DataSource = Fill_ListBox()

  lstpolicy.DataBind()

  End If

  End Select

  End If

  Session("SelectLink") = alink

   

  End Sub

   

  Master page

  <%@ Master Language="VB" CodeFile="MasterPageAJAX.master.vb" Inherits="MasterPageAJAX" %>

  <%@ Register TagPrefix="this" TagName="LeftNav" Src="~/LeftNavigate.ascx" %>

  <%@ Register TagPrefix="this" TagName="TopNav" Src="~/TopNavigate.ascx" %>

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml" >

  <head id="Head1" runat="server">

  <title>Review</title>

  <link href="thisf.css" type="text/css" rel="stylesheet">

  <link href="MenuStyle.css" type="text/css" rel="stylesheet">

  </style>

  </head>

  <body>

  <form id="fMasterPage1" runat="server">

  <asp:ScriptManager ID="ScriptManager1" EnablePartialRendering = "true" runat="server">

  </asp:ScriptManager>

   

   

  <table class="table_thinborder" cellSpacing="4" cellPadding="0" border="0" >

  <tr>

  <td>

  <table cellSpacing="0" cellPadding="0" border="0">

  <tr>

  <td colspan="2">

  <this:TopNavigate ID="LeftNav2"

  runat="server" />

  </td>

  </tr>

   

  <tr>

  <!-- begin left nav -->

  <td width="150px" valign="top" >

  <this:LeftNavigate ID="LeftNav1"

  runat="server" />

  </td>

   

  <td width="650px" align="left" valign="top">

  <table cellpadding="0" cellspacing="0" border="0">

  <tr valign="top">

  <td width="3px">

  </td>

  <td valign="top">

   

   

  <hr />

   

  <br />

  <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">

  </asp:contentplaceholder>

   

  </td>

  </tr>

  </table>

  </td>

  </tr>

  </table>

  </td>

  </tr>

  </table>

  </form>

  </body>

  </html>

• • Reply
  

  jaws1021

  Member

  50 Points

  189 Posts

  Re: master page, usercontrol and datagrid

  Jul 29, 2007 08:05 PM|LINK

  Any idea why pop up is not showing?