Solved

Problem using the same formview within a webusercontrol multiple times on a page

Posted on 2010-11-18
7
481 Views
Last Modified: 2012-06-27
First I'm using VS 2005 with AJAX, and I have a created a SQL Server 2008 Database to track some of our computer componet hardware.

I've created "Web User Controls" for nearly all my objects, and have placed them inside my monitors page.  I have a button for editing a monitor and adding a monitor.  Both Buttons open a ModalPopupExtension UpdatePanel that contain my  WebUserControl.  The WebUserContrl has a modified FormView for Editing and Inserting records in the Monitors table.  I'm using Session parameters to of "MonitorEdit" to allow the webusercontrol on Page load to set the FormView1.DefaultMode = FormViewMode.????

My problem is getting the FormViews to switch from a "ReadOnly", "Edit", and "Insert" modes.  It seems that the webusercontrol is being set for both popups on the initial load, and I have no way of changing them on the fly.  I've read some articles about making the FormView properties public, but I'm unsure how to do that, and if that would even help.  Below is my code, and hope this makes sense.  Thanks for any help.

***********************************************************
<%@ Page Language="VB" MasterPageFile="~/AFRPA_Admin.master" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Test" title="Untitled Page" %>

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

<%@ Register Src="Controls/MonitorEdit.ascx" TagName="MonitorEdit" TagPrefix="uc2" %>
<%@ Register Src="Controls/gvMonitors.ascx" TagName="gvMonitors" TagPrefix="uc3" %>
<%@ Register Src="Controls/gvMonitorModels.ascx" TagName="gvMonitorModels" TagPrefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
            <asp:UpdatePanel ID="upEditMonitor" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                    <uc2:MonitorEdit ID="MonitorEdit2" runat="server" />
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdatePanel ID="upAddMonitor" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                    <uc2:MonitorEdit ID="MonitorEdit1" runat="server" />
                </ContentTemplate>
            </asp:UpdatePanel>
    <asp:UpdatePanel ID="upMonitors" runat="server">
        <ContentTemplate>
            <asp:Button ID="btnAddMonitor" runat="server" Text="Add Monitor" OnClick="btnAddMonitor_Click" />
            <br />
            <br />
            <asp:Button ID="btnEditMonitor" runat="server" Text="Edit Monitor" OnClick="btnEditMonitor_Click" />
            <br />
            <br />
            <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
                TargetControlID="btnAddMonitor"
                BackgroundCssClass="modalBackground"
                PopupControlID="upAddMonitor" >
            </cc1:ModalPopupExtender>
            <cc1:ModalPopupExtender ID="ModalPopupExtender2" runat="server"
                TargetControlID="btnEditMonitor"
                BackgroundCssClass="modalBackground"
                PopupControlID="upEditMonitor" >
            </cc1:ModalPopupExtender>
            <uc1:gvMonitorModels ID="GvMonitorModels1" runat="server" />
            <br />
            <br />
            <uc3:gvMonitors ID="GvMonitors1" runat="server" />
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

************************************************************
Now Code behind on my Web Form:

Partial Class Test
    Inherits System.Web.UI.Page

    Protected Sub btnAddMonitor_Click(ByVal sender As Object, ByVal e As System.EventArgs)
        Session("MonitorEdit") = "Insert"
    End Sub

    Protected Sub btnEditMonitor_Click(ByVal sender As Object, ByVal e As System.EventArgs)
        Session("Monitor_ID") = "1"
        Session("MonitorEdit") = "View"
    End Sub

End Class

************************************************************
Now Code behind on my Web User Control:

Partial Class Controls_MonitorEdit
    Inherits System.Web.UI.UserControl

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

        If Session("MonitorEdit") = "" Or Session("MonitorEdit") = "Insert" Then
            FormView1.DefaultMode = FormViewMode.Insert
        ElseIf Session("MonitorEdit") = "View" Then
            FormView1.DefaultMode = FormViewMode.ReadOnly
        ElseIf Session("MonitorEdit") = "Edit" Then
            FormView1.DefaultMode = FormViewMode.Edit
        End If

    End Sub
End Class

********************************************


0
Comment
Question by:afrpa
  • 3
  • 2
7 Comments
 
LVL 7

Expert Comment

by:mr_nadger
Comment Utility
in the webcontrol,
add another method to control the formview's mode (this is written on the fly but should give you the idea)

    Public Sub switchMode()
        Select Session("MonitorEdit")
            Case "", "Insert"
                FormView1.ChangeMode(FormViewMode.Insert)
            Case "View"
                FormView1.ChangeMode(FormViewMode.ReadOnly)
            Case "Edit"
                FormView1.ChangeMode(FormViewMode.Edit)
        End Select
    End Sub

Put the webcontrol inside an updatepanel set to trigger on the button being clicked, and this should get you what you want
(I prefer using a case statement here as it's easier to follow the logic, but If's just as valid)
0
 
LVL 7

Expert Comment

by:mr_nadger
Comment Utility
doh forgot to mention calling webcontrol.switchMode() from the button being pressed!
0
 

Author Comment

by:afrpa
Comment Utility
mr nadger,

Thanks for your help, but the webcontrol is not getting the new session variable that I am setting when I click on the button.  Could this be that the modalpopup is redering before the button onclick is run, or does the popupmodal null the button onclick?
0
What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 7

Accepted Solution

by:
mr_nadger earned 500 total points
Comment Utility
Yes I think the popup is rendering on the full page load.

Having reread the description, I think you really only need one webcontrol, as you can alter it's mode using the .ChangeMode method, which would simplify your form.
In your code behind, you're using the page_load to define the default behaviour, not what you want it to do at that point.

On your web page's load event (in a not postback clause), try
MonitorEdit.switchMode("View")
upMonitor.Update()

On the edit button
MonitorEdit.switchMode("Edit")
upEditMonitor.Update()

And on the add button
MonitorEdit.switchMode("Insert")
upEditMonitor.Update()

and amend the public method in your webcontrol to
    Public Sub switchMode(byval mymode as string)
        Select mymode
            Case "", "Insert"
                FormView1.ChangeMode(FormViewMode.Insert)
            Case "View"
                FormView1.ChangeMode(FormViewMode.ReadOnly)
            Case "Edit"
                FormView1.ChangeMode(FormViewMode.Edit)
        End Select
    End Sub
I think you were passing an ID parameter as well, it's probably simplest to keep that as the parameter for your webcontrol's datasource.
0
 

Author Comment

by:afrpa
Comment Utility
Mr Nadger,

Thanks for the help.  I finally figured it out and you put me in the right direction.  I ended up having to set the modalpopupextender to open on a third, hidden box, so that the button would run first, then I would call the ModalPopupExtender1 to open.

        Session("MonitorEdit") = "Insert"
        MonitorEdit1.switchMode()
        upAddMonitor.Update()
        ModalPopupExtender1.Show()

0
 
LVL 29

Expert Comment

by:Kumaraswamy R
Comment Utility
This question has been classified as abandoned and is being closed as part of the Cleanup Program.  See my comment at the end of the question for more details.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Introduction This article shows how to use the open source plupload control to upload multiple images. The images are resized on the client side before uploading and the upload is done in chunks. Background I had to provide a way for user…
Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
The purpose of this video is to demonstrate how to set up the WordPress backend so that each page automatically generates a Mailchimp signup form in the sidebar. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome…
This video discusses moving either the default database or any database to a new volume.

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now