This is a migrated thread and some comments may be shown as answers.

RadInputManager and Prototype Incompatibility?

7 Answers 124 Views

Input

This is a migrated thread and some comments may be shown as answers.

Philippe GRACA asked on 17 Mar 2009, 10:11 AM

Hi
i'm getting tired trying to debug the following simple page that contains a Radajaxmanager, a RadInputMananger AND a reference to prototype.js (the latest version 1.6.0.3). the RadInputManager transforms a textbox in an Email Required Field.

    
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
              <title>test</title> 
        
            </head> 
        
            <body> 
        
              <form id="form1" runat="server"> 
        
              <telerik:RadScriptManager ID="rsm" runat="server"> 
        
                <Scripts> 
        
                  <asp:ScriptReference Path="http://www.prototypejs.org/assets/2008/9/29/prototype-1.6.0.3.js" /> 
        
                </Scripts> 
        
              </telerik:RadScriptManager> 
        
              <telerik:RadAjaxManager ID="ram" runat="server"> 
        
                <AjaxSettings> 
        
                  <telerik:AjaxSetting AjaxControlID="btUpd"> 
        
                    <UpdatedControls> 
        
                      <telerik:AjaxUpdatedControl ControlID="lb"></telerik:AjaxUpdatedControl> 
        
                    </UpdatedControls> 
        
                  </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
              </telerik:RadAjaxManager> 
        
              <asp:TextBox ID="txtFrom" runat="server" Width="322px" MaxLength="500"></asp:TextBox> 
        
              <telerik:RadInputManager ID="rim" runat="server"> 
        
                <telerik:RegExpTextBoxSetting BehaviorID="ebh4" ValidationExpression="^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"> 
        
                  <Validation IsRequired="true" /> 
        
                  <TargetControls> 
        
                    <telerik:TargetInput ControlID="txtFrom" /> 
        
                  </TargetControls> 
        
                </telerik:RegExpTextBoxSetting> 
        
              </telerik:RadInputManager> 
        
              <asp:Button ID="btUpd" runat="server" Text="Update" OnClick="btUpd_Click" /> 
        
                <br /> 
        
                <asp:Label ID="lb" runat="server" /> 
        
              </form> 
        
            </body> 
        
            </html>

The code behind is trivial

    
            public partial class WebForm2 : System.Web.UI.Page 
        
              { 
        
                protected void Page_Load(object sender, EventArgs e) 
        
                { 
        
                } 
        
                protected void btUpd_Click(object sender, EventArgs e) 
        
                { 
        
                  lb.Text = "ajax query!"; 
        
                } 
        
              }

When I do provide a valid email in the textbox and press the update button i get a javascript error

com.get_targetControlIDs is not a function

--> var ids=com.get_targetControlIDs();

A few remarks

It appears that when prototype is loaded, the onsubmit function od radinputmanager.js (line 726) is retrieving two values instead of one only in the this._getSettings() method.

    
            _onSubmit:function(){ 
        
            var i; 
        
            for(i in this._getSettings()){ 
        
            if(this._getSettings()[i]){ 
        
            this._beforeSubmit(this._getSettings()[i]); 
        
            } 
        
            } 
        
            }

The first and correct retrieved value is "rim_e4" which corresponds to the behaviour.
The second one which is weird and I cannot understand why it is bugging is "each" which is a function and not a behaviour at all.

I think that the Object.extend(Array.prototype, Enumerable); line in protoype.js is causing the issue but i can't understand why

Please help me, this is really getting urgent.
Best Regards
Philippe

7 Answers, 1 is accepted

answered on 17 Mar 2009, 03:21 PM

Using firebug, I'm able to debug the content of the _getSettings method and I can see that all the prototype array methods are also in there.

setting : rim_e4
setting : each
setting : eachSlice
setting : all
setting : any
setting : collect
setting : detect
setting : findAll
setting : grep
setting : include
setting : inGroupsOf
setting : inject
setting : invoke
setting : max
setting : min
setting : partition
setting : pluck
setting : reject
setting : sortBy
setting : toArray
setting : zip
setting : size
setting : inspect
setting : find
setting : select
setting : member
setting : entries
setting : _reverse
setting : _each
setting : clear
setting : first
setting : last
setting : compact
setting : flatten
setting : without
setting : uniq
setting : intersect
setting : clone
setting : toJSON

Is there a way to avoid that? I need prototype by the way :)
Philippe

answered on 17 Mar 2009, 04:24 PM

As of now, I am overring the _beforeSubmit event

    
              <script type="text/javascript" language="javascript"> 
        
                Telerik.Web.UI.RadInputManager.prototype._beforeSubmit = function(com) { 
        
                  if (typeof (com) != 'object') return; 
        
                  var ids = com.get_targetControlIDs(); 
        
                  for (var i = 0; i < ids.length; i++) { 
        
                    com.get_targetInput(ids[i])._beforeSubmit(); 
        
                  } 
        
                } 
        
            </script>

It is working but not really acceptable

answered on 20 Mar 2009, 09:10 AM

Hi and thx for the answer and links
In the second one, i read that interesting comment

So I will say it again: Array is not meant to be used for key/value pairs. Luckily, there is a dead-simple way to fix this. In the above example, you need only change Array to Object. (Or, if you’re using literal syntax, change [] to {}.) There. Your wrong code is no longer wrong, and it took only a little more work than a simple find-and-replace

What are your thoughts on this? Do you think telerik arrays key/values pairs can be replaced by simple objects?

Best regards
Philippe