Ext.getCmp() by ClientID problem

[Vinci]

I have a JS function to get a ext component by it ClientID but fail.

First set the Client ID in the code behind:

            txtNoTo.Listeners.BeforeRender.Handler = "this.txtFrId='" + txtNoFr.ClientID + "'";

Then in JS:

    var txtFr = Ext.getCmp(sender.txtFrId);

The problem is the txtNoFr.ClientID = "App.tbrDocNo_txtNoTo"
But by inserting break point in JS, it will be run right if txtNoFr.ClientID = "tbrDocNo_txtNoTo"

Why the ClientID have a prefix of "App." what is it stand for?

I also try to clientIDMode to AutoID in Web.config, but get the same result.

    <pages controlRenderingCompatibilityVersion="3.5" clientIDMode ="AutoID">
      <controls>
        <add assembly="Ext.Net" namespace="Ext.Net" tagPrefix="ext"/>
      </controls>
    </pages>

Can anyone help? Thanks.

[geoffrey.mcgill]

Hello,

You should not require the call to Ext.getCmp(). Just use the client-side id value.

Example

var txtFr = sender.txtFrId;

Hope this helps.

[Vinci]

Hello,

You should not require the call to Ext.getCmp(). Just use the client-side id value.

Example

var txtFr = sender.txtFrId;

Hope this helps.

Thanks for your reply.

But I need to get value of txtNoFr.

If I use

var txtFr = sender.txtFrId;

It seems that txtFr is just a string, but not a ext component.

I enclose the full code for your reference.

Code behind

            txtNoFr.Listeners.BeforeRender.Handler = "this.txtToId='" + txtNoTo.ClientID + "'";
            txtNoTo.Listeners.BeforeRender.Handler = "this.txtFrId='" + txtNoFr.ClientID + "'";
            txtNoFr.Validator.Fn = "txtFr_Validating";
            txtNoTo.Validator.Fn = "txtTo_Validating";
            txtNoFr.MaxLength = MaxLength;
            txtNoTo.MaxLength = MaxLength;

JS

var txtTo_Validating = function(value) {
    var sender = this;

    var q = sender.getRawValue();
    if (!sender.allowBlank) {
        if (q == '') {
            return false;
        }
    }
    if (q.length > sender.maxLength)
        return false;
    var txtFr = Ext.getCmp(sender.txtFrId);

    var f = txtFr.getValue().trim();
    var f = txtFr.getValue();
    if (f != '')
        if (f > q)
        return false;

    return true;
}

[geoffrey.mcgill]

It seems that txtFr is just a string, but not a ext component.

I believe this is because you are passing the value as a string and not an object.

Remove the extra set of single quotes, then the value will not be treated as a string.

Example

"this.txtFrId=" + txtNoFr.ClientID;

Hope this helps.

[Vinci]

I believe this is because you are passing the value as a string and not an object.

Remove the extra set of single quotes, then the value will not be treated as a string.

Example

"this.txtFrId=" + txtNoFr.ClientID;

Hope this helps.

Success after remove the single quote. Many thanks for your help!