1. #21
    Sencha User
    Join Date
    Nov 2007
    Location
    London, UK
    Posts
    583
    Vote Rating
    0
    mabello is on a distinguished road

      0  

    Default


    @paulyb263

    Hi there.
    Internally I was using Ext.tree.TreeFilter.
    Instead of the Ext default implementation, you can use Ext.ux.tree.TreeFilterX from Saki's extension:

    http://extjs.com/forum/showthread.php?t=55489

    So you can:

    1)Add Saki's extension.
    2)Change my code Ext.ux.TreeFilterPlugin
    to use Ext.ux.tree.TreeFilterX
    PHP Code:
    textField = new Ext.ux.SearchField(textFieldCfg);

            
    filter = new Ext.ux.tree.TreeFilterX (treePaneldefaultCfg.treeFilterCfg);   //<------ use TreeFilterX 
            
            
    tbar.insertAt(textFielddefaultCfg.insertAt); 
    3)Create the contains filter and use it
    PHP Code:

    //Custom filter implementation; 
    Ext.ux.ContainsTreeFilter = function(){
        
    //@Public function called before filter is applied(before the execution of the filterFn;); return true to cancel the execution of the operation.
        
    this.beforeFilterFn = function(texttreePaneltreeFilter){
            return 
    false
        
    }
        
    //@Public function called for each node on the tree starting from the root.
        
    this.filterFn = function(nodenodeAttributetexttreePaneltreeFilter){
            var 
    re = new RegExp('.*' text '.*''i');
            return 
    re.test(node.attributes[nodeAttribute]);
        }
        
    //@Public function called after filter after the execution of the filterFn.
        
    this.afterFilterFn = function(texttreePaneltreeFilter){
            return;
        }

    Hope this helps

  2. #22
    Ext User
    Join Date
    Dec 2008
    Posts
    4
    Vote Rating
    0
    victorlrf is on a distinguished road

      0  

    Default help

    help


    hi guys it's my first post and sorry about my english
    so i'm try use this code but a don't
    how implement this in my code

    this my code
    [html]
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="-1" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <title>OS</title>
    <link rel="stylesheet" type="text/css" href="/sig/FrameWorks/ext/resources/css/ext-all.css"/>
    <script type="text/javascript" src="/sig/FrameWorks/ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="/sig/FrameWorks/ext/ext-all.js"></script>

    <style type="text/css">
    html, body {font: normal 11px verdana;}
    #main-panel td {padding:5px;}
    .add-feed {background-image: url(feed-viewer/images/rss_add.gif) !important;}
    .remove-feed {background-image: url(feed-viewer/images/rss_delete.gif) !important;}
    .x-tree-node div.feeds-node{
    background:#eee url(images/cmp-bg.gif) repeat-x;
    margin-top:1px;border-top:1px solid #ddd;
    border-bottom:1px solid #ccc;
    padding-top:2px;padding-bottom:1px;}
    .feeds-node .x-tree-node-icon {display:none;}
    .feed {border:1px solid #fff;margin:3px;}
    .feed .x-tree-ec-icon {display:none;}
    .feed-icon {background-image:url(/sig/FrameWorks/ext/examples/layout-browser/images/page_attach.png) !important;}

    #header { background: #7F99BE url(/sig/FrameWorks/ext/examples/layout-browser/images/layout-browser-hd-bg.gif) repeat-x center;}
    #header h1 {font-size: 16px;color: #fff; font-weight: normal;padding: 5px 10px;}
    </style>
    <script type="text/javascript">



    Ext.onReady(function() {

    var titulo ={
    xtype: 'box'
    ,title: 'Extend Ordem de Servi
    Last edited by mystix; 15 Jan 2009 at 8:49 PM. Reason: post code in [code][/code] tags. see http://extjs.com/forum/misc.php?do=bbcode#code

  3. #23
    Sencha User
    Join Date
    Nov 2007
    Location
    London, UK
    Posts
    583
    Vote Rating
    0
    mabello is on a distinguished road

      0  

    Default


    Dear victorlrf,
    Welcome to the forum.
    In my opinion you'd better off posting that in the help forum, in which you can have more help since in your code you are not using the extension as far as I can tell.

    And another gold rule is to embed your code using the HTML or PHP tags, so that it is more readable and you have more chances to get help and fix your problems.

  4. #24
    Ext User
    Join Date
    Dec 2008
    Posts
    4
    Vote Rating
    0
    victorlrf is on a distinguished road

      0  

    Default thanks

    thanks


    [quote=mabello;274216]Dear victorlrf,
    Welcome to the forum.
    In my opinion you'd better off posting that in the help forum, in which you can have more help since in your code you are not using the extension as far as I can tell.

    And another gold rule is to embed your code using the HTML or PHP tags, so that it is more readable and you have more chances to get help and fix your problems.
    [html]
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="-1" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <title>OS</title>
    <link rel="stylesheet" type="text/css" href="/sig/FrameWorks/ext/resources/css/ext-all.css"/>
    <script type="text/javascript" src="/sig/FrameWorks/ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="/sig/FrameWorks/ext/ext-all.js"></script>

    <style type="text/css">
    html, body {font: normal 11px verdana;}
    #main-panel td {padding:5px;}
    .add-feed {background-image: url(feed-viewer/images/rss_add.gif) !important;}
    .remove-feed {background-image: url(feed-viewer/images/rss_delete.gif) !important;}
    .x-tree-node div.feeds-node{
    background:#eee url(images/cmp-bg.gif) repeat-x;
    margin-top:1px;border-top:1px solid #ddd;
    border-bottom:1px solid #ccc;
    padding-top:2px;padding-bottom:1px;}
    .feeds-node .x-tree-node-icon {display:none;}
    .feed {border:1px solid #fff;margin:3px;}
    .feed .x-tree-ec-icon {display:none;}
    .feed-icon {background-image:url(/sig/FrameWorks/ext/examples/layout-browser/images/page_attach.png) !important;}

    #header { background: #7F99BE url(/sig/FrameWorks/ext/examples/layout-browser/images/layout-browser-hd-bg.gif) repeat-x center;}
    #header h1 {font-size: 16px;color: #fff; font-weight: normal;padding: 5px 10px;}
    </style>
    <script type="text/javascript">



    Ext.onReady(function() {

    var titulo ={
    xtype: 'box'
    ,title: 'Extend Ordem de Servi

  5. #25
    Ext JS Premium Member
    Join Date
    May 2007
    Location
    Sydney, Australia
    Posts
    178
    Vote Rating
    0
    badgerd is on a distinguished road

      0  

    Default


    I am successfully using this Plugin with many "correct" results returned in the tree.

    However, when the tree has lots of results it appears that the tree "freezes" and does not show that it is working. After a while the results show up.

    I have tried using a loading mask in the code, but it does not display/hide at the right time.

    I wish to display a "searching..." mask when the user hits the enter key and then removes the mask once all the results are filtered/displayed.

    Where in the code would be the best place to put the mask function in? I have tried beforeFilterFn, afterFilterFn, but it does not work correctly there.

  6. #26
    Sencha User
    Join Date
    Nov 2007
    Location
    London, UK
    Posts
    583
    Vote Rating
    0
    mabello is on a distinguished road

      0  

    Default


    So something like this:

    PHP Code:
    this.beforeFilterFn = function(texttreePaneltreeFilter){
            
    treePanel.body.mask("Loading data...");//<------
            
    return startTreeFilter.beforeFilterFn(texttreePaneltreeFilter);
        }
        
    //@Public function called for each node on the tree starting from the root.
        
    this.filterFn = function(nodenodeAttributetexttreePaneltreeFilter){
            
    //Do not filter the lives if the node is to keep
            
    return (startTreeFilter.filterFn(nodenodeAttributetexttreePaneltreeFilter) || node.attributes['leaf'] == true);    
        }
        
    //@Public function called after filter after the execution of the filterFn.
        
    this.afterFilterFn = function(texttreePaneltreeFilter){
            
    treePanel.body.unmask();//<------
            
    return startTreeFilter.beforeFilterFn(texttreePaneltreeFilter);
        } 
    does not work?
    I guess because to display the mask takes time and if the rendering of the tree start strightaway after treePanel.body.mask("Loading data...") the mask does not show up since the browser freezes before displaying it...

  7. #27
    Sencha User
    Join Date
    Dec 2010
    Posts
    4
    Vote Rating
    0
    asalee200 is on a distinguished road

      0  

    Default


    Hi mabello,

    I need to make a panel, just like the Extjs API with a TreePanel and filter field.

    Therefore, I am trying to use TreePanelFilter plugin, you have attached on this thread. I am using the AllinOne script but I am getting this error.
    tbar.insertAt is not a function

    I have gone the thru the script, it does contain the insertAt function.

    I would really appreciate your help, it kind of urgent for me.

  8. #28
    Sencha User
    Join Date
    Dec 2010
    Posts
    4
    Vote Rating
    0
    asalee200 is on a distinguished road

      0  

    Default


    Hi,

    I have fixed the tbar.insertAt is not a function error. But now, I have new error.

    this.topToolbar.render is not a function.

    I can't even find this function in the scripts.

    Please help.

  9. #29
    Sencha User
    Join Date
    Jul 2010
    Posts
    12
    Vote Rating
    0
    ucoxk is on a distinguished road

      0  

    Default tbat.insertAt error

    tbat.insertAt error


    i also have this error tbat.insertAt is not a function. how can i fix it?

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."