How to get access to all controls inside FormTempate of RadGrid.

[JD.]

SOS -----  SOS.

I have a RadGrid with FormTemplate having approx 30 controls including ASP.NET validation controls.
I have a ClientSide CustomValidator which needs to access other control on the form using Javascript/JQuery to read its value  and also enable or disable some of Other validation controls.

I tried to write following line on a clientside in a CustomValidation Control

ValidatorEnable($(

 

'RequiredFieldValidator4'), value);

 

But that does not work and returns error "Microsoft JScript runtime error: 'null' is null or not an object"
I also want to access other controls like textbox, RadmaskedTextbox etc inside CustomValidator control.

Please tell me how to I get a successfull access to these controls.

Regards
JD

<EditFormSettings EditFormType="Template" PopUpSettings-Width="900px"
CaptionFormatString="Edit Property: {0}"
CaptionDataField="PropertyName"
InsertCaption="Add New Property"
PopUpSettings-Modal="true"
PopUpSettings-Height="500px"
PopUpSettings-ScrollBars="Vertical">
    <FormTemplate >

      ASP:RadTextBox  ......

   ASP:RadCombobox

  ASP:RequiredFieldValidator

 ASP:CustomValidator

   etc..... (approx 30 other controls)
    </FormTemplate >

[Veli]

Hello J.,

You can use the $telerik.findControl() and $telerik.findElement() functions as follows:

var grid = $find("RadGrid1").get_element();
var radTextBox = $telerik.findControl(grid, "RadTextBox1");
var combo = $telerik.findControl(grid, "RadComboBox1");

var requiredVal = $telerik.findElement(grid, "RequiredFieldValidator4");
ValidatorEnable(requiredVal, true);

var customVal = $telerik.findElement(grid, "CustomValidator1");
ValidatorValidate(customVal);

$telerik.findControl() is used to find the client component of a Telerik control by specified server ID.
$telerik.findElement() is used to find the container HTML element of a server control by specified server ID.

These functions come in handy when you know the server ID of a control and its container, but do not know its client ID.

For more info on what $telerik is all about, please refer to the Telerik Static Client Library HTML topic.

Veli
the Telerik team

[JD.]

Hi

Please see attached image.  I tried your statements, but its giving error .

In Site.Master Page I have added following lines as per instruction mentioned on Link Here.

<telerik:RadScriptManager ID="RadScriptMgr1" runat="server" >
   <Scripts>
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            </Scripts>
</telerik:RadScriptManager>

Regards
-JD

[Veli]

Hello J.,

Obviously, RadGrid1 is not the client ID of your RadGrid. If you cannot retrieve the client ID of your grid. Try using the OnGridCreated client event of the control:

<ClientEvents OnGridCreated="gridCreated" />

function gridCreated(sender, args) { window.gridControl = sender; }

And now you can use window.gridControl wherever needed:

var grid = window.gridControl.get_element();
var radTextBox = $telerik.findControl(grid, "RadTextBox1");
var combo = $telerik.findControl(grid, "RadComboBox1");

var requiredVal = $telerik.findElement(grid, "RequiredFieldValidator4");
ValidatorEnable(requiredVal, true);

var customVal = $telerik.findElement(grid, "CustomValidator1");
ValidatorValidate(customVal);

If this approach does not work for you, you can always use:

$telerik.findElement(document.body, "CustomValidator1")

but in this scenario, you need to make sure no other control on your page ends with the string you specified as an ID.

Veli
the Telerik team

[MV]

Hi,

I have a RadGrid with EditForm Template. I am able to find the Insert/Update button when in edit mode, but not in Insert mode. How can I accomplish this?

Thanks

<ClientSettings EnablePostBackOnRowClick="false" ClientEvents-OnKeyPress="Submit" >
</ClientSettings>

function Submit(sender, eventArgs) {

                if (event.keyCode == 13) {

                    //eventArgs.set_cancel(true);

                    eventArgs._domEvent.preventDefault();

                    var editForm = $find("<%=RadGrid1.ClientID%>").get_masterTableView().get_editItems()[0].get_editFormItem();

                    $telerik.findElement(editForm, "btnUpdate").click();

     }
            }

[MV]

I figured it out, here it is in case somebody else needs it.

var editForm1 = $find("<%=RadGrid1.ClientID%>").get_masterTableView().get_insertItem();
$telerik.findElement(editForm1, "btnUpdate").click();