Putting a user control in edit mode based on ID?

2 posts, 1 answers
  1. Nick
    Nick avatar
    4 posts
    Member since:
    Mar 2014

    Posted 25 Jun 2015 Link to this post

    Hi

    I have a page which contains a grid of properties (all managed by one letting agency). I have another page which contains a grid of tenants (all of the tenants in properties managed by the letting agency). Both grids work perfectly and I am using an embedded form on each to provide insert/updates for both the properties and the tenants.

    I have a situation where I want to be able to make the NAME of the tenant clickable on the PROPERTY screen and take the user to the Tenant Management Screen with the tenant they clicked in EDIT MODE.

    I've worked out how to get the correct hyperlink in the format http://localhost/data_tenantmanagement.aspx?action=edit&id=TENANT_ID

    My tenant management grid has filters and tooltips so that when someone hovers over the name it pops out contact details. The TenantPerson table has an ID number (primary key) and the Property record has a field called TENANTID which maps to the tenant living in it.

    This code is in data_tenantmanagement.aspx.vb:

     

        Public Function GetDataTable(ByVal query As String) As DataTable
            Dim ConnString As String = ConfigurationManager.ConnectionStrings("ConnectionString").ConnectionString
            Dim conn As SqlConnection = New SqlConnection(ConnString)
            Dim adapter As SqlDataAdapter = New SqlDataAdapter
            adapter.SelectCommand = New SqlCommand(query, conn)
            Dim table1 As New DataTable
            conn.Open()
            Try
                adapter.Fill(table1)
            Finally
                conn.Close()
            End Try
            Return table1
        End Function

        Public ReadOnly Property TheseTenants() As DataTable
            Get
                Dim obj As Object = Me.Session("TheseTenants")
                If (Not obj Is Nothing) Then
                    Return CType(obj, DataTable)
                End If
                Dim myDataTable As DataTable = New DataTable
                myDataTable = GetDataTable("SELECT * FROM TenantPerson")
                Me.Session("TheseTenants") = myDataTable
                Return myDataTable
            End Get
        End Property

        Protected Sub RadGrid1_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource
            Me.RadGrid1.DataSource = Me.TheseTenants
            Me.TheseTenants.PrimaryKey = New DataColumn() {Me.TheseTenants.Columns("Id")}
        End Sub

        Protected Sub RadGrid1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles RadGrid1.PreRender
            If Not IsPostBack And Me.RadGrid1.MasterTableView.Items.Count > 0 Then
                RadGrid1.EditIndexes.Clear()
                Me.Session("TheseTenants") = Nothing
                RadGrid1.DataSource = TheseTenants
                RadGrid1.DataBind()
            End If
        End Sub

     I guess I need:

     1. Generate the hyperlink from the PROPERTY screen to the TENANT screen with an action (edit) and an ID (the tenant ID).

    2. Open the data_tenantmanagement.aspx page and somewhere read the ID of the tenant being passed in.

    3. Find the row corresponding to the required tenant.

    4. Open the row in Edit Mode.

    The bit of the grid with the EDIT is this (ignore the drag and drop stuff):

    <EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1">
                                    </EditColumn>
                                    <FormTemplate>
                                    <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" AutoTooltipify="True" Position="MiddleRight" RelativeTo="Element"></telerik:RadToolTipManager>
                                        <div class="widget">
                                        <header>
                                            <div class="pull-left">
                                                <h2>
                                                    <asp:Literal ID="litControlTitle" runat="server"></asp:Literal>
                                                        </h2>
                                                    </div>
                                                </header>
                                            <div class="inner-padding">
                                            <div class="row">
                                                <div class="col-sm-2">
                                                    <label for="txtDisplayName">
                                                        Display Name:
                                                            </label>
                                                        </div>
                                                    <div class="col-sm-2">
                                                   <Telerik:RadTextBox skin="Bootstrap"  ID="txtDisplayName" runat="server" ToolTip="Enter the display name here (this will appear in drop down lists referring to this entity) - REQUIRED." />
                                                
                                                    </div>
                                                    </div>
                                                <div class="row">
                                                <div class="col-sm-2">
                                                    <label for="lstPeople">
                                                        People:
                                                            </label>
                                                    
                                                        <telerik:RadComboBox ID="drpPeopleSearch" runat="server" Width="200px" Height="400px"
                                                        EmptyMessage="Type a name..." ClientIDMode="Static" AllowCustomText="true" AutoCompleteSeparator="|" Filter="Contains" MarkFirstMatch="True" onclientselectedindexchanged="OnClientSelectedIndexChanged" DropDownWidth="250px" ToolTip="Start typing a name and click the one you need when it is showing." Skin="Web20">
                                                                             </telerik:RadComboBox>
                                                    
                                                    </div>
                                                    <div class="col-sm-2">
                                                    <label for="lstTenant">
                                                        Tenant Object:
                                                
                                                        </label>
                                                    
                                                    </div>
                                                    <div class="col-sm-2">
                                                    <label for="txtLeadTenant">
                                                        Lead Tenant Person:
                                                            </label>
                                                        </div>
                                                    <div class="col-sm-4">
                                                    <div class="row">
                                                    
                                                            <asp:Button ID="btnUpdate" runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>' Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>' CssClass="btn btn-primary" ValidationGroup="EditFormGroup" CausesValidation="True" ToolTip="Click this button to update or insert an entity." />
                                                            &nbsp;
                                                            <asp:Button ID="btnCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel" CssClass="btn btn-default" ToolTip="Click this button to cancel out of the insert/edit form." />
                                                            <asp:TextBox ID="txtid" runat="server" Text="" style="visibility: hidden;" />
                                                            </div>
                                                        <div class="spacer-20"></div>
                                                        <div class="row">
                                                        <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="EditFormGroup" Visible="False" CssClass="alert alert-danger" />
                                                            <asp:RequiredFieldValidator ValidationGroup="EditFormGroup" ID="RequiredFieldValidator1" runat="server" ErrorMessage="You must enter a display name." Text="" ClientIDMode="Static"  ControlToValidate="txtDisplayName" SetFocusOnError="True" Display="Dynamic" Visible="True"></asp:RequiredFieldValidator>
                                                            <asp:RangeValidator ID="RangeValidator1" runat="server" ControlToValidate="txtNumberOfTenants" Text="" ErrorMessage="You must have at least one legal person in the Tenant Object." MaximumValue="4" MinimumValue="1" Type="Integer" ValidationGroup="EditFormGroup" Display="Dynamic" Visible="True"></asp:RangeValidator>
                                                            <asp:RangeValidator ID="RangeValidator2" runat="server" ControlToValidate="txtNumberOfLeadTenants" Text="" ErrorMessage="You must have a lead tenant defined." MaximumValue="1" MinimumValue="1" Type="Integer" ValidationGroup="EditFormGroup" Display="Dynamic" Visible="True"></asp:RangeValidator>
                                                            </div>
                                                        </div>
                                                    </div>

                                                <div class="row">
                                                <div class="col-sm-2">
                                                    <telerik:RadListBox ID="lstPeople" runat="server" AllowTransfer="True" ButtonSettings-ShowDelete="False" ButtonSettings-ShowReorder="False" ButtonSettings-ShowTransferAll="False" ButtonSettings-TransferButtons="TransferFrom" CausesValidation="False" Culture="en-GB" EnableDragAndDrop="True" Height="200px" Skin="Bootstrap" TransferMode="Copy" Width="200px" TransferToID="lstTenant" AllowTransferOnDoubleClick="True" AutoPostBackOnTransfer="False" OnClientTransferred="onClientTransferredHandlerLstTenant" OnClientTransferring="onClientTransferringHandlerLstTenant" ClientIDMode="Static" ToolTip="Drag a name from here to the Tenant Object. You can filter this list using the box above.">
                                                        </telerik:RadListBox>
                                                        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ABBEYMOVEConnectionString %>" SelectCommand="SELECT [Id], [LegalName] FROM [LegalPerson]"></asp:SqlDataSource>
                                                        </div>
                                                    <div class="col-sm-2">
                                                            
                                                        <telerik:RadListBox ID="lstTenant" runat="server" AllowDelete="true" AllowReorder="true" AllowTransfer="True" CausesValidation="False" Culture="en-GB" EnableDragAndDrop="true" Height="200px" Skin="Bootstrap" TransferMode="Copy" TransferToID="lstLeadTenant" Width="200px" OnClientDeleted="onClientDeletedTenantHandler" AllowTransferOnDoubleClick="True" OnClientTransferred="onClientTransferredHandlerLstLeadTenant" ClientIDMode="Static"
                                                        OnClientTransferring="onClientTransferringHandlerLstLeadTenant" ButtonSettings-ShowTransferAll="False" ButtonSettings-TransferButtons="TransferFrom" ToolTip="Drag a person from here to the Lead Tenant box to the right.">
                                                                            </telerik:RadListBox>
                                                        <asp:TextBox ID="txtNumberOfTenants" runat="server" CausesValidation="True" ValidationGroup="EditFormGroup" ClientIDMode="Static" TextMode="Number" style="visibility: hidden;"></asp:TextBox>
                                                    
                                                    </div>
                                                    <div class="col-sm-2">
                                                
                                                        <telerik:RadListBox ID="lstLeadTenant" runat="server" AllowDelete="true" AutoPostBackOnDelete="False" CausesValidation="False" Culture="en-GB" EnableDragAndDrop="true" Height="200px" Skin="Bootstrap" Width="200px" OnClientDeleted="onClientDeletedLeadTenantHandler" ClientIDMode="Static" ToolTip="Use the delete button if you want to change the lead tenant person.">
                                                        </telerik:RadListBox>
                                                        <asp:TextBox ID="txtNumberOfLeadTenants" runat="server" CausesValidation="True" text="0" ValidationGroup="EditFormGroup" TextMode="Number" style="visibility: hidden;"></asp:TextBox>
                                                        
                                                    </div>
                                                    
                                                </div>
                                                        
                                            </div>
                                                        
                                        </div>

                                        </div>
                                                    
                                        </div>
                                        </FormTemplate>
                                    </EditFormSettings>

    Any help would be appreciated as I've got to do this in several places (such as Owners, Landlords, etc.) - it's probably simple but I cannot work out where to put the bit that will actually do what I need. Of course, if request.querystring("action") isn't EDIT then I'd just want the grid to display as usual BUT if possible can I also throw action=NEW at it and put it in Insert Mode (or is that too much to ask).....

     Thanks!

     

     

  2. Answer
    Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 30 Jun 2015 Link to this post

    Hi,

    An online example of similar scenario is demonstrated at the following link:
    http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=grid

    I hope this helps. 

    Regards,
    Pavlina
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top