[Solved] RadControls for ASP.NET Q2 2008 And $find() Method

[Mohammada]

Hi,

We are using Rad Grid Controls for Asp.Net AJAX 2008 Q2. We want to Rebind our Rad Grid at client side using $find() method. But $find() method is not recognised by application and showing error.

$find() method working well for latest version of Rad controls but not for the Asp.Net AJAX 2008 Q2.

So please let us know the alternate way to Rebind grid at client side for Asp.Net AJAX 2008 Q2 version.

Thanks.

[Maria Ilieva]

Hello Mohammada,

Could you please share your page markup as well as the client script you are tying to implement? Thus we will be able to review your code and isolate the root cause of the issue you are facing.

Regards,
Maria Ilieva
the Telerik team

[Mohammada]

Thanks Maria for the response.

Here is the markup and script part of my code....

Following is markup for grid which have to rebind at client side using $find() method…..

<asp:Content ContentPlaceHolderID="PM1" ID="Summary" runat="server">
    <asp:Table id="tblLineItem" cssClass="_PlanTableCSS" Width="100%" runat="server" BorderStyle="None">
        <asp:TableRow Width="100%">
            <asp:TableCell Width="1px"></asp:TableCell>
            <asp:TableCell width="100%" ColumnSpan="3">
                <asp:Label ID="lblPeriodCaption" runat="server" CssClass="tableCaption" />
<rad:RadGrid ID="g1" runat="server" AutoGenerateColumns="False"
                    Width="100%" GridLines="None" AllowMultiRowSelection="True"
                    EnableAJAX="true" EnableAJAXLoadingTemplate="true" LoadingTemplateTransparency="10"
                    AlternatingItemStyle-BackColor="#ddecfe" AllowPaging="true" AllowSorting="true"
                    PagerStyle-Position="Top" PagerStyle-Mode="NextPrevNumericAndAdvanced" PageSize="20"
                    AllowMultiRowEdit="true" BorderStyle="None" ShowStatusBar="true" ShowFooter="True"
                    ItemStyle-VerticalAlign ="Top" EditItemStyle-VerticalAlign="Top" AlternatingItemStyle-VerticalAlign="Top">
                    <MasterTableView BorderColor="#4977b2" BorderStyle="Solid" BorderWidth="1px"
                        EditMode="InPlace" Width="100%" HorizontalAlign="Right"
                        NoMasterRecordsText="No records to be displayed" HeaderStyle-Font-Bold="true"
                        CommandItemDisplay="Top" DataKeyNames="LineGUID" GridLines="Both">
Grid has following template column foe which we have to execute code to refresh grid at client side….

<rad:GridTemplateColumn UniqueName="colLck" HeaderImageUrl="~/images/locked.bw.gif" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Bottom">
<HeaderStyle Width="16px"></HeaderStyle>
<ItemStyle Height="16px" HorizontalAlign="Center"></ItemStyle>
<ItemTemplate>
<asp:HyperLink ID="hlLock" runat="Server"                                         ImageUrl="~/images/locked.gif" ToolTip="Toggle lock settings...">
</asp:HyperLink>
</ItemTemplate>
</rad:GridTemplateColumn>

Column “colLck” has a HyperLink control and its onClick event we have a javaScript method “showLockPopup “ added at server side as below….

'Handle Lock Line method
                Dim oBtnLock As HyperLink = DirectCast(oItem("colLck").FindControl("hlLock"), HyperLink)
                If oBtnLock IsNot Nothing Then
                    If Me.HasLockLineItemRights Then
                        If oLine.Lnk_LockSettings = False Then
                            oBtnLock.Enabled = Not oLine.IsComp
                            If oBtnLock.Enabled = True Then
                                                                oBtnLock.Attributes.Add("OnClick", "showLockPopup('" + mvarEditVersion.PlanVersionGUID + "','" + CType(oItem("GUID"), System.Web.UI.WebControls.TableCell).Text + "');")

                            End If
                        End If
                    End If
                End If

Here is “showLockPopup” javaScript method definitions….

function showLockPopup(sPlanGUID, sLineGUIDArray) {
    // Show "Lock" options popup page
    //    alter($find(<!= g1.ClientID>)); //.get_masterTableView().rebind();

    var _Features = getPopupFeatures(420, 560); //Height, width
    var _ReturnValueArray = new Array;
    var _Return = window.showModalDialog("LineItemsLock.aspx?" + _CONPlanGUID + "=" + sPlanGUID + "&" + _CONPlanLineItemGUID + "=" + sLineGUIDArray, _ReturnValueArray, _Features);
    if (_Return != "0") {
        window.$.blockUI();
        window.location.href = window.location;
    }
    return true;
}

[Princy]

Hi,

Try the following code.
JS:

$find('<%=g1.ClientID %>').get_masterTableView().rebind();

Thanks,
Princy

[Mohammada]

Hi,

Thanks for the quick response.

We have already tried this but it didn't work. Getting following JS issue at client side.

A file is attached for error message here.
"Microsoft JScript runtime error: The value of the property '$find' is null or undefined, not a Function object"

As already mentioned about teleric version which we are using "RadControls for ASP.NET Q2 2008" . This may be the reason for $find() method is not working, so we  want alternate way for our current version.

Thanks.

[Duane Roelands]

I am also having this problem with the latest version of the controls.  Please tell me you found a solution.