Results 1 to 6 of 6

Thread: Ext.Editor does not call onBlur function correctly

  1. #1

    Default Ext.Editor does not call onBlur function correctly

    I am in the process of updating some aspx pages that use a previous version of Ext to Ext 3.2.1. Most of the changes are straightforward but I'm having trouble with the editor control. On the previous version the editors in my pages work fine (e.g. - I have a label you click on and the editor opens, you make changes to a textfield or datefield or whatever control is in the editor, then you hit enter or click anywhere outside the textfield and the editor completes the edit by inserting the new value and hiding the editor textfield by going back to a label). This is the standard function of the editor control but after moving to Ext 3.2.1 the editor freezes in the edit state. Only hitting enter will complete the edit. I checked out the code and see that in the onRender handler a listener is added for the onBlur event and a onBlur handler that uses a if statement to determine whether to call the completeEdit handler or not depending on this expression: (this.allowBlur === true && this.editing && this.selectSameEditor !== true). I know that from testing that allowBlur and editing are true but I don't know about selectSameEditor. Anyway is this even my problem or did I miss a setting some where? Any help is much appreciated!

  2. #2
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    Could you post the code you have now?

  3. #3

    Default

    Most of my pages are 600+ lines of code so here is a simple example that does not work correctly on my system:

    Code:
    <%@Page Language="VB" %>
     
    <%@Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
     
     
    <!DOCTYPE htmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
     
    <htm lxmlns="http://www.w3.org/1999/xhtml">
     
    <head runat="server">
     <title>Untitled Page</title>
    </head>
     
    <body>
     <form id="form1" runat="server">
         <div>
             <ext:ResourceManager ID="ResourceManager1" runat="server"></ext:ResourceManager>
     
     
             <h1>Inline Editor Test</h1><br/><br/>
     
     
             <ext:Label ID="Label1" runat="server" Text="Click here to edit this text.">
                 <Editor>
                     <ext:Editor runat="server">
                         <Field>
                             <ext:TextField runat="server"></ext:TextField>
                         </Field>
                     </ext:Editor>
                </Editor>
             </ext:Label>
         </div>
     </form>
    </body>
     
    </html>

    Sample pic of this code running and how
    it sticks in the edit mode even when clicking outside the editor
    it still does not call the complete event:

    ex.PNG

    Thanks for any help you can give!

  4. #4
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    You are using an Ext.Net library that I know nothing about.

    Do you have the actual javascript code that is used to create the editor?

  5. #5

    Default

    Here is the script code added to the page by the Ext resource manager:

    Code:
    <scripttype="text/javascript" src="/QEITWEB/extjs/adapter/ext/ext-base-js/ext.axd?v=34580"></script>
    <scripttype="text/javascript" src="/QEITWEB/extjs/ext-all-js/ext.axd?v=34580"></script>
    <scripttype="text/javascript" src="/QEITWEB/extnet/extnet-core-js/ext.axd?v=34580"></script>
    <scripttype="text/javascript">
    //<![CDATA[
    Ext.onReady(function(){Ext.QuickTips.init();new Ext.form.Label({id:"Label1",renderTo:"Label1_Container",text:"Click here to edit this text.",editor:{id:"ctl02",xtype:"editor",cancelOnEsc:true,completeOnEnter:true,updateEl:true,field:{id:"ctl03",xtype:"textfield"},isSeparate:true}});});Ext.net.ResourceMgr.init({id:"ResourceManager1",BLANK_IMAGE_URL:"/QEITWEB/extjs/resources/images/default/s-gif/ext.axd",aspForm:"form1"});
    //]]>
    </script>
    The script links are to the stanard ExtJS Libraries ext-base.js and ext-all.js. The script link to extnet-core.js is simply an adapted verison of ext-core.js for .net so that all the javascript can be bundled into a dll assembly. The rest is the javascript for the ext controls on the page.

    Thanks for tring to help me!

  6. #6
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    That doesn't help much, because that is still not a standard Ext.form.Label from the SDK.

Similar Threads

  1. [CLOSED-530] HTML Editor and IE 6 onblur issue
    By meroy in forum Ext 3.x: Bugs
    Replies: 2
    Last Post: 15 Feb 2010, 1:57 PM
  2. How to call a function with in Ext
    By rehanqu in forum Ext GWT: Discussion
    Replies: 2
    Last Post: 7 Nov 2009, 12:17 AM
  3. Html Editor onBlur event
    By mjaomaha in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 28 Oct 2009, 8:12 AM
  4. Call Ext.extend function from FeedWindow.superclass.constructor.call
    By adelphus in forum Ext 2.x: Help & Discussion
    Replies: 17
    Last Post: 3 Jun 2008, 1:42 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •