1. #31
    Sencha User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Brazil, Goiânia
    Posts
    535
    Vote Rating
    26
    wemerson.januario will become famous soon enough wemerson.januario will become famous soon enough

      0  

    Default goood

    nice work
    Wemerson Januario
    Website: http://wemersonjanuario.com.br
    Twitter: https://twitter.com/januariocoder

    Email: wemerson.januario@gmail.com

    From: Goiânia, Brazil
    Ext JS Consulting, Training, Support

  2. #32
    Sencha User paffinito's Avatar
    Join Date
    Oct 2009
    Location
    Italy
    Posts
    14
    Vote Rating
    1
    paffinito is on a distinguished road

      0  

    Exclamation Bug

    Hi Animal,

    not work with textarea and compositefield.

    Thanks for your help

  3. #33
    Sencha User petcy's Avatar
    Join Date
    Aug 2010
    Location
    India
    Posts
    137
    Vote Rating
    0
    petcy is on a distinguished road

      0  

    Default on button click event

    is this possible to change the properties of a textfield on button click event???


    here i want to change the hidden property of text field into false on a button click....


    how???

  4. #34
    Ext JS Premium Member Rick.McIntosh's Avatar
    Join Date
    Aug 2009
    Posts
    16
    Vote Rating
    0
    Rick.McIntosh is on a distinguished road

      0  

    Default FieldHelp Plugin Issue when upgraded to EXTJS 3.4.0 from 3.3.1

    Animal:

    When I upgraded from EXTJS 3.3.1 to 3.4.0 the text moved from under the form field to the upper right of the form field. Otherwise everything the same. I have used the FieldHelp plugin for several years and no issue with each upgrade. I am not sure what to do, any ideas?

    I use the plugin code exactly as written on the first page of this forum with a sample form field as written below:

    { xtype: 'checkbox',
    name: 'enable_row_numbers',
    plugins: [ new Ext.ux.FieldHelp("ENABLE_ROW_NUMBERS_TOOLTIP'") ],
    fieldLabel: "ENABLE_ROW_NUMBERS"
    },
    Thanks



    Rick

  5. #35
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    321
    Vote Rating
    1
    talha06 is on a distinguished road

      0  

    Smile

    useful plugin as expected, thanks for sharing Animal
    "People will never forget how you made them feel."
    linkedin.com/in/talhakabakus

  6. #36
    Sencha User MtAiryEd's Avatar
    Join Date
    Dec 2007
    Posts
    93
    Vote Rating
    0
    MtAiryEd is on a distinguished road

      0  

    Default

    VERY useful!! Thanks for creating this!

  7. #37
    Ext JS Premium Member Rick.McIntosh's Avatar
    Join Date
    Aug 2009
    Posts
    16
    Vote Rating
    0
    Rick.McIntosh is on a distinguished road

      0  

    Default JGrid Joomla Component Now Available

    How do you port this FieldHelp plugin to EXTJS 4.1. I have looked and it still seems that extjs does not support form tooltips.

    Thanks

    Rick

  8. #38
    Ext JS Premium Member Rick.McIntosh's Avatar
    Join Date
    Aug 2009
    Posts
    16
    Vote Rating
    0
    Rick.McIntosh is on a distinguished road

      0  

    Default Attached is working code for the FieldHelp for EXTJS 4.1...

    Ext.ux.FieldHelp = Ext.extend(Object, (function(){
    function syncInputSize(w, h) {
    this.el.setSize(w, h);
    }


    function afterFieldRender() {
    if (!this.wrap) {
    // this.wrap = this.el.wrap({cls: 'x-form-field-wrap'}); // extjs 3.x for from fields that are not tables
    this.wrap = this.el.last().last().last(); //change for extjs 4.1 to append at end or form/table field
    this.positionEl = this.resizeEl = this.wrap;
    this.actionMode = 'wrap';
    this.onResize = Ext.Function.createSequence(this.onResize,syncInputSize);
    }
    this.wrap[this.helpAlign == 'top' ? 'insertFirst' : 'createChild']({
    cls: 'x-form-helptext',
    html: this.helpText
    });
    }


    return {
    constructor: function(t, align) {
    this.helpText = t;
    this.align = align;
    },

    init: function(f) {
    f.helpAlign = this.align;
    f.helpText = this.helpText;
    test = f.afterRender;
    f.afterRender = Ext.Function.createSequence(f.afterRender,afterFieldRender);
    }
    };
    })());

  9. #39
    Ext JS Premium Member Rick.McIntosh's Avatar
    Join Date
    Aug 2009
    Posts
    16
    Vote Rating
    0
    Rick.McIntosh is on a distinguished road

      0  

    Default UPdated code to step thru form table to the end with loop. also fixs combos

    Ext.ux.FieldHelp = Ext.extend(Object, (function(){
    function syncInputSize(w, h) {
    this.el.setSize(w, h);
    }


    function afterFieldRender() {
    if (!this.wrap) {
    // this.wrap = this.el.wrap({cls: 'x-form-field-wrap'}); // extjs 3.x for from fields that are not tables
    // find next to last element and then wrap in text under field
    //for example this.wrap = this.el.last().last().last();
    var temp_el = new Array();
    temp_el[0] = this.el;
    i=0;
    while(temp_el[i]) //change for extjs 4.1 to append at end or form/table field on next to last element for field type
    {
    temp_el[i+1] = temp_el[i].last();
    i++;
    }
    var xt = this.getXType().substr(4);
    if (xt == 'obox') // combobox
    {
    this.wrap = temp_el[i-4]; // insert before 3 elements from last for combo type
    }
    else // textfield, checkbox, etc
    {
    this.wrap = temp_el[i-2]; // insert before next to last table element for all other types
    }
    this.positionEl = this.resizeEl = this.wrap;
    this.actionMode = 'wrap';
    this.onResize = Ext.Function.createSequence(this.onResize,syncInputSize);
    }
    this.wrap[this.helpAlign == 'top' ? 'insertFirst' : 'createChild']({
    cls: 'x-form-helptext',
    html: this.helpText
    });
    }


    return {
    constructor: function(t, align) {
    this.helpText = t;
    this.align = align;
    },

    init: function(f) {
    f.helpAlign = this.align;
    f.helpText = this.helpText;
    test = f.afterRender;
    f.afterRender = Ext.Function.createSequence(f.afterRender,afterFieldRender);
    }
    };
    })());