[CLOSED] Grid Filter loses focus

  1. #1

    [CLOSED] Grid Filter loses focus

    This problem popped up after a recent build from SVN and I confirmed that it exists in your examples as well:

    https://examples1.ext.net/#/GridPane...Header/Filter/

    When you begin to type in one of the text field filters (Price or Change columns) the filter is applied, but the text field loses focus. You can type a character or two then you have to click in the text field again to regain focus.

    Thanks for all your great work!

    Ext.Net v1.0
    VS 2010
    ASP.NET 4
    IE8, Chrome, FF
    Last edited by Daniil; Oct 21, 2010 at 7:05 PM. Reason: [CLOSED]
  2. #2
    Hi,

    In the latest version the grid's view recreate grid's header therefore fields are recreated also
    I updated example to fix the issue
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                object data = new object[]
                {
                    new object[] { "3m Co", 71.72, 0.02, 0.03, "01/01/2008"},
                    new object[] { "Alcoa Inc", 29.01, 0.42, 1.47, "02/01/2008"},
                    new object[] { "Altria Group Inc", 83.81, 0.28, 0.34, "03/01/2008"},
                    new object[] { "American Express Company", 52.55, 0.01, 0.02, "10/01/2008"},
                    new object[] { "American International Group, Inc.", 64.13, 0.31, 0.49, "09/01/2008"},
                    new object[] { "AT&T Inc.", 31.61, -0.48, -1.54, "01/03/2008"},
                    new object[] { "Boeing Co.", 75.43, 0.53, 0.71, "01/04/2008"},
                    new object[] { "Caterpillar Inc.", 67.27, 0.92, 1.39, "01/01/2008"},
                    new object[] { "Citigroup, Inc.", 49.37, 0.02, 0.04, "02/02/2008"},
                    new object[] { "E.I. du Pont de Nemours and Company", 40.48, 0.51, 1.28, "03/05/2008"},
                    new object[] { "Exxon Mobil Corp", 68.1, -0.43, -0.64, "01/01/2008"},
                    new object[] { "General Electric Company", 34.14, -0.08, -0.23, "01/01/2008"},
                    new object[] { "General Motors Corporation", 30.27, 1.09, 3.74, "01/01/2008"},
                    new object[] { "Hewlett-Packard Co.", 36.53, -0.03, -0.08, "01/01/2008"},
                    new object[] { "Honeywell Intl Inc", 38.77, 0.05, 0.13, "01/01/2008"},
                    new object[] { "Intel Corporation", 19.88, 0.31, 1.58, "01/01/2008"},
                    new object[] { "International Business Machines", 81.41, 0.44, 0.54, "01/01/2008"},
                    new object[] { "Johnson & Johnson", 64.72, 0.06, 0.09, "01/01/2008"},
                    new object[] { "JP Morgan & Chase & Co", 45.73, 0.07, 0.15, "01/01/2008"},
                    new object[] { "McDonald\"s Corporation", 36.76, 0.86, 2.40, "01/01/2008"},
                    new object[] { "Merck & Co., Inc.", 40.96, 0.41, 1.01, "01/01/2008"},
                    new object[] { "Microsoft Corporation", 25.84, 0.14, 0.54, "01/01/2008"},
                    new object[] { "Pfizer Inc", 27.96, 0.4, 1.45, "01/01/2008"},
                    new object[] { "The Coca-Cola Company", 45.07, 0.26, 0.58, "01/01/2008"},
                    new object[] { "The Home Depot, Inc.", 34.64, 0.35, 1.02, "01/01/2008"},
                    new object[] { "The Procter & Gamble Company", 61.91, 0.01, 0.02, "01/01/2008"},
                    new object[] { "United Technologies Corporation", 63.26, 0.55, 0.88, "01/01/2008"},
                    new object[] { "Verizon Communications", 35.57, 0.39, 1.11, "01/01/2008"},
                    new object[] { "Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63, "01/01/2008"}
                };
    
                this.Store1.DataSource = data;
                this.CompanyStore.DataSource = data;
                
                this.Store1.DataBind();
                this.CompanyStore.DataBind();
            }
        }
    </script>
    
    <!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>GridPanel with MultiHeader Row Filters - Ext.NET Examples</title>
        <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />    
    
        <script type="text/javascript">
            var template = '<span style="color:{0};">{1}</span>';
    
            var change = function (value) {
                return String.format(template, (value > 0) ? "green" : "red", value);
            };
    
            var pctChange = function (value) {
                return String.format(template, (value > 0) ? "green" : "red", value + "%");
            };
        </script>
        
        <ext:XScript runat="server">
            <script type="text/javascript">
                            
                var applyFilter = function (field) {
                    if(field){
                        var id = field.id,
                            task = new Ext.util.DelayedTask(function(){
                                var f = Ext.getCmp(id);
                                f.focus();
                                f.el.dom.value = f.el.dom.value;
                            });
                        task.delay(100);
                    }
                    #{Store1}.filterBy(getRecordFilter());                                
                };
                
                var clearFilter = function () {
                    #{CompanyFilter}.reset();
                    #{PriceFilter}.reset();
                    #{ChangeFilter}.reset();
                    #{PctChangeFilter}.reset();
                    #{LastChangeFilter}.reset();
                    
                    #{Store1}.clearFilter();
                }
    
                var filterString = function (value, dataIndex, record) {
                    var val = record.get(dataIndex);
                    if (typeof val != "string") {
                        return value.length == 0;
                    }
                    return val.toLowerCase().indexOf(value.toLowerCase()) > -1;
                };
    
                var filterDate = function (value, dataIndex, record) {
                    var val = record.get(dataIndex).clearTime(true).getTime();
    
                    if (!Ext.isEmpty(value, false) && val != value.clearTime(true).getTime()) {
                        return false;
                    }
                    return true;
                };
    
                var filterNumber = function (value, dataIndex, record) {
                    var val = record.get(dataIndex);			    
    
                    if (!Ext.isEmpty(value, false) && val != value) {
                        return false;
                    }
                    return true;
                };
    
                var getRecordFilter = function () {
                    var f = [];
    
                    f.push({
                        filter: function (record) {                         
                            return filterString(#{CompanyFilter}.getValue(), 'company', record);
                        }
                    });
                    
                    f.push({
                        filter: function (record) {                         
                            return filterNumber(#{PriceFilter}.getValue(), 'price', record);
                        }
                    });
                    
                    f.push({
                        filter: function (record) {                         
                            return filterNumber(#{ChangeFilter}.getValue(), 'change', record);
                        }
                    });
                    
                    f.push({
                        filter: function (record) {                         
                            return filterNumber(#{PctChangeFilter}.getValue(), 'pctChange', record);
                        }
                    });
                    
                    f.push({
                        filter: function (record) {                         
                            return filterDate(#{LastChangeFilter}.getValue(), 'lastChange', record);
                        }
                    });
    
                    var len = f.length;
                    
                    return function (record) {
                        for (var i = 0; i < len; i++) {
                            if (!f[i].filter(record)) {
                                return false;
                            }
                        }
                        return true;
                    };
                };
            </script>
        </ext:XScript>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />        
            
            <ext:Store ID="Store1" runat="server">
                <Reader>
                    <ext:ArrayReader>
                        <Fields>
                            <ext:RecordField Name="company" />
                            <ext:RecordField Name="price" Type="Float" />
                            <ext:RecordField Name="change" Type="Float" />
                            <ext:RecordField Name="pctChange" Type="Float" />
                            <ext:RecordField Name="lastChange" Type="Date" DateFormat="MM/dd/yyyy" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
            
            <ext:Store ID="CompanyStore" runat="server">
                <Reader>
                    <ext:ArrayReader>
                        <Fields>
                            <ext:RecordField Name="company" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
           
            <ext:GridPanel 
                ID="GridPanel1" 
                runat="server" 
                StoreID="Store1" 
                StripeRows="true"
                Title="Array Grid" 
                TrackMouseOver="true"
                Width="600" 
                Height="350"
                AutoExpandColumn="Company">
                <ColumnModel runat="server">
                    <Columns>
                        <ext:Column ColumnID="Company" Header="Company" Width="160" DataIndex="company" />
                        <ext:Column Header="Price" Width="75" DataIndex="price">
                            <Renderer Format="UsMoney" />
                        </ext:Column>
                        <ext:Column Header="Change" Width="75" DataIndex="change">
                            <Renderer Fn="change" />
                        </ext:Column>
                        <ext:Column Header="Change" Width="75" DataIndex="pctChange">
                            <Renderer Fn="pctChange" />
                        </ext:Column>
                        <ext:DateColumn Header="Last Updated" Width="95" DataIndex="lastChange" />
                        <ext:Column Width="28" DataIndex="company" Sortable="false" MenuDisabled="true" Header="&nbsp;" Fixed="true">
                            <Renderer Handler="return '';" />
                        </ext:Column>
                    </Columns>
                </ColumnModel>
                
                <SelectionModel>
                    <ext:RowSelectionModel runat="server" SingleSelect="true" />
                </SelectionModel>
                
                <View>
                    <ext:GridView runat="server">
                        <HeaderRows>
                            <ext:HeaderRow>
                                <Columns>
                                    <ext:HeaderColumn Cls="x-small-editor">
                                        <Component>
                                            <ext:ComboBox ID="CompanyFilter" runat="server" 
                                                StoreID="CompanyStore"
                                                TriggerAction="All"
                                                Mode="Local"
                                                DisplayField="company"
                                                ValueField="company">    
                                                <Listeners>
                                                    <Select Handler="applyFilter(this);" />
                                                </Listeners>     
                                            </ext:ComboBox>
                                        </Component>
                                    </ext:HeaderColumn>
                                    
                                    <ext:HeaderColumn Cls="x-small-editor">
                                        <Component>
                                            <ext:TextField ID="PriceFilter" runat="server" EnableKeyEvents="true">
                                                <Listeners>
                                                    <KeyUp Handler="applyFilter(this);" Buffer="250" />                                                
                                                </Listeners>
                                            </ext:TextField>
                                        </Component>
                                    </ext:HeaderColumn>
                                    
                                    <ext:HeaderColumn Cls="x-small-editor">
                                        <Component>
                                            <ext:TextField ID="ChangeFilter" runat="server"  EnableKeyEvents="true">
                                                <Listeners>
                                                    <KeyUp Handler="applyFilter(this);" Buffer="250" />
                                                </Listeners>
                                            </ext:TextField>
                                        </Component>
                                    </ext:HeaderColumn>
                                    
                                    <ext:HeaderColumn Cls="x-small-editor">
                                        <Component>
                                            <ext:TextField ID="PctChangeFilter" runat="server"  EnableKeyEvents="true">
                                                <Listeners>
                                                    <KeyUp Handler="applyFilter(this);" Buffer="250" />
                                                </Listeners>
                                            </ext:TextField>
                                        </Component>
                                    </ext:HeaderColumn>
                                    
                                    <ext:HeaderColumn Cls="x-small-editor">
                                        <Component>
                                            <ext:DateField ID="LastChangeFilter" runat="server" Editable="false">
                                                <Listeners>
                                                    <Select Handler="applyFilter(this);" />
                                                </Listeners>
                                            </ext:DateField>
                                        </Component>                                    
                                    </ext:HeaderColumn>
                                                                  
                                    <ext:HeaderColumn AutoWidthElement="false">
                                        <Component>
                                            <ext:Button ID="ClearFilterButton" runat="server" Icon="Cancel">
                                                <ToolTips>
                                                    <ext:ToolTip runat="server" Html="Clear filter" />
                                                </ToolTips>
                                                
                                                <Listeners>
                                                    <Click Handler="clearFilter(null);" />
                                                </Listeners>                                            
                                            </ext:Button>
                                        </Component>
                                    </ext:HeaderColumn>
                                </Columns>
                            </ext:HeaderRow>
                        </HeaderRows>
                    </ext:GridView>
                </View>
            </ext:GridPanel>  
        </form>
    </body>
    </html>
  3. #3
    Thanks Vlad! That'll work for me.
  4. #4

    Filter Focus problem

    Hi,

    i am also got same focus filter issue in latest dll.. i thing my code has some mistake.. plz see my code.. i posted only gridpanel html code and js code, not posted code behind..


    <script type="text/javascript">
                           
                 var applyFilter = function (field) { 
                    if(field){               
                        var id = field.id,
                            task = new Ext.util.DelayedTask(function(){
                                var f = Ext.getCmp(id);
                                f.focus();
                                f.el.dom.value = f.el.dom.value;
                            });
                        task.delay(100);
                    }
                    <%=clstrDeleteTran.ClientID %>.filterBy(getRecordFilter());                                
                };
                
                 var clearFilter = function () 
                 {
                    <%=CompanyName.ClientID %>.reset();
                    <%=FXID.ClientID %>.reset();
                    <%=RequestedValueDate.ClientID %>.reset();
                    <%=AnticipatedValueDate.ClientID %>.reset();            
                    <%=BuyCurrency.ClientID %>.reset();   
                    <%=BuyAmount.ClientID %>.reset();  
                    <%=SellCurrency.ClientID %>.reset();
                    <%=SellAmount.ClientID %>.reset();
                    <%=RateEntered.ClientID %>.reset();
                    <%=AccountNumber.ClientID %>.reset();
                    <%=FxDelInstructionFK.ClientID %>.reset(); 
                    <%=RequestDate.ClientID %>.reset();      
                    <%=FocusID.ClientID %>.reset(); 
                    <%=FocusPaidDate.ClientID %>.reset(); 
                    <%=FocusPaidStatus.ClientID %>.reset(); 
                    
                     <%=clstrDeleteTran.ClientID %>.clearFilter();
                }
                 
    var filterString = function (value, dataIndex, record) { 
                    var val = record.get(dataIndex); 
                    if (typeof val != "string") { 
                        return value.length == 0; 
                    } 
                    return val.toLowerCase().indexOf(value.toLowerCase()) > -1; 
                }; 
      
                var filterDate = function (value, dataIndex, record) 
                { 
                      if(record.get(dataIndex) != null)
                    var val = record.get(dataIndex).clearTime(true).getTime(); 
      
                    if (!Ext.isEmpty(value, false) && val != value.clearTime(true).getTime()) { 
                        return false; 
                    } 
                    return true; 
                }; 
      
                var filterNumber = function (value, dataIndex, record) { 
                    var val = record.get(dataIndex);                 
      
                    if (!Ext.isEmpty(value, false) && val != value) { 
                        return false; 
                    } 
                    return true; 
                }; 
     
                var getRecordFilter = function () {
                    var f = [];
                    f.push({
                        filter: function(record)
                         {                         
                            return filterString(<%=CompanyName.ClientID %>.getValue(), 'CompanyName', record);
                        }
                    });
                    f.push({
                        filter: function(record) {                         
                            return filterNumber(<%=FXID.ClientID %>.getValue(), 'FXID', record);
                        }
                    });
     f.push({
                        filter: function(record) {                         
                            return filterDate(<%=RequestedValueDate.ClientID %>.getValue(), 'RequestedValueDate', record);
                        }
                    });
                    
                     f.push({
                        filter: function(record) {                         
                            return filterDate(<%=AnticipatedValueDate.ClientID %>.getValue(), 'AnticipatedValueDate', record);
                        }
                    });
                    
                   
                    
                     f.push({
                        filter: function(record) {                         
                            return filterString(<%=BuyCurrency.ClientID %>.getValue(), 'BuyCurrency', record);
                        }
                    });
                    
                     f.push({
                        filter: function(record) {                         
                            return filterNumber(<%=BuyAmount.ClientID %>.getValue(), 'BuyAmount', record);
                        }
                    });
                    
                     f.push({
                        filter: function(record) {                         
                            return filterString(<%=SellCurrency.ClientID %>.getValue(), 'SellCurrency', record);
                        }
                    });
                    
                     f.push({
                        filter: function(record) {                         
                            return filterNumber(<%=SellAmount.ClientID %>.getValue(), 'SellAmount', record);
                        }
                    });
                    
                     f.push({
                        filter: function(record) {                         
                            return filterNumber(<%=RateEntered.ClientID %>.getValue(), 'RateEntered', record);
                        }
                    });
                    
                     f.push({
                        filter: function(record) {                         
                            return filterNumber(<%=AccountNumber.ClientID %>.getValue(), 'AccountNumber', record);
                        }
                    });
                    
                       f.push({
                        filter: function(record) {                         
                            return filterDate(<%=RequestDate.ClientID %>.getValue(), 'RequestDate', record);
                        }
                    });
                    
                       f.push({
                        filter: function(record) {                         
                            return filterNumber(<%=FxDelInstructionFK.ClientID %>.getValue(), 'FxDelInstructionFK', record);
                        }
                    });
                      
                    
                    
                      f.push({
                        filter: function(record) {                         
                            return filterNumber(<%=FocusID.ClientID %>.getValue(), 'FocusID', record);
                        }
                    });
                      f.push({
                        filter: function(record) {                         
                            return filterDate(<%=FocusPaidDate.ClientID %>.getValue(), 'FocusPaidDate', record);
                        }
                    });
                    
                      f.push({
                        filter: function(record) {                         
                            return filterString(<%=FocusPaidStatus.ClientID %>.getValue(), 'FocusPaidStatus', record);
                        }
                    });
                      
                     var len = f.length;
                    return function(record) {
                        for (var i = 0; i < len; i++) {
                            if (!f[i].filter(record)) {
                                return false;
                            }
                        }
                        return true;
                    };
                }  
                
     
    </script>
      <ext:Store ID="clstrDeleteTran" runat="server" OnRefreshData="clstrDeleteTran_Refresh">
                                <AutoLoadParams> 
                                <ext:Parameter Name="start" Value="0" Mode="Raw" /> 
                                <ext:Parameter Name="limit" Value="15" Mode="Raw" /> 
                                </AutoLoadParams>
                                <Reader>
                                <ext:JsonReader IDProperty="FXID">
                                <Fields>
                                <ext:RecordField Name="CompanyName" Type="String" />
                                <ext:RecordField Name="FXID" Type="int" />
                                <ext:RecordField Name="RequestedValueDate" Type="Date" />
                                <ext:RecordField Name="AnticipatedValueDate" Type="Date" />
                                <ext:RecordField Name="BuyCurrency" Type="String" />
                                <ext:RecordField Name="BuyAmount" Type="Float" />
                                <ext:RecordField Name="SellCurrency" Type="String" />
                                <ext:RecordField Name="SellAmount" Type="Float" />
                                <ext:RecordField Name="RateEntered" Type="Float" />
                                <ext:RecordField Name="AccountNumber" Type="String" />
                                <ext:RecordField Name="FxDelInstructionFK" Type="String" />
                                <ext:RecordField Name="RequestDate" Type="Date" />
                                <ext:RecordField Name="FocusID" Type="String" />
                                <ext:RecordField Name="FocusPaidDate" Type="Date" />
                                <ext:RecordField Name="FocusPaidStatus" Type="String" />
                                </Fields>
                                </ext:JsonReader>
                                </Reader>
                                <SortInfo Field="CompanyName" Direction="ASC" />
                                </ext:Store> 
                                <ext:GridPanel ID="clgrvpnlDeleteTran" StoreID="clstrDeleteTran"  runat="server" StripeRows="true"
                                Title="Cancel Transaction (Today's confirmed transactions are only listed here)" AutoWidth="true" AutoHeight="true" AutoExpandColumn="CompanyName">                                                    
                                <ColumnModel ID="clcmDeleteTran" runat="server">
                                <Columns>
                                <ext:Column Hidden="true"   DataIndex="FXID" MenuDisabled="true" Sortable="false" Hideable="false">
                                    <Renderer Fn="Cancel" />
                                </ext:Column>
                                <ext:Column  DataIndex="FXID" Width="50" MenuDisabled="true" Sortable="false" Hideable="false">
                                    <Renderer Fn="View" />
                                </ext:Column>
                                <ext:Column Header="Company"  DataIndex="CompanyName" ColumnID="Company"  Sortable="true" />
                                <ext:Column Header="FXID" Width="50"  DataIndex="FXID" Sortable="true" >
                                <Renderer Fn="SameFxid" />
                                </ext:Column>
                                <ext:DateColumn Header="Requested Value Date" Format="MMM dd, Y"   DataIndex="RequestedValueDate" Sortable="true" Hidden="true" >                                                           
                                </ext:DateColumn>
                                <ext:DateColumn Header="Anticipated Value Date" Format="MMM dd, Y" DataIndex="AnticipatedValueDate"
                                    Sortable="true">                                                                 
                                </ext:DateColumn>
                                <ext:Column Header="Sell Currency" Width="50" DataIndex="BuyCurrency" Sortable="true" />
                                <ext:NumberColumn Header="Sell Amt"  DataIndex="BuyAmount" Format="0,000.00" Sortable="true" Align="Right">
                                </ext:NumberColumn>
                                <ext:Column Header="Buy Currency" Width="50" DataIndex="SellCurrency" Sortable="true">
                                </ext:Column>
                                <ext:NumberColumn Header="Buy Amount" Width="50" DataIndex="SellAmount" Format="0,000.00" Sortable="true" Align="Right">
                                </ext:NumberColumn>
                                <ext:Column Header="Rate" Width="50" DataIndex="RateEntered" Sortable="true" Align="Right"/>
                                <ext:Column Header="Account"  DataIndex="AccountNumber" Sortable="true">
                                </ext:Column>
                                <ext:Column Header="Delivery ID"  DataIndex="FxDelInstructionFK" Sortable="true" />
                                <ext:Column Header="Focus ID" Width="50" DataIndex="FocusID" Sortable="true"  Hidden="true" />
                                <ext:DateColumn Header="Pay Date" Format="MMM dd, Y"  DataIndex="FocusPaidDate" Sortable="true" Hidden="true" >
                                </ext:DateColumn>
                                <ext:Column Header="Pay Status" DataIndex="FocusPaidStatus" Sortable="true" Hidden="true" />
                                <ext:DateColumn Header="Created Date" Format="MMM dd, Y h:m:s A"  DataIndex="RequestDate" Sortable="true" >
                                </ext:DateColumn>
                                <ext:Column Width="28" DataIndex="Company" Sortable="false" MenuDisabled="true" Header="&nbsp;"
                                Fixed="true">
                                <Renderer Handler="return '';" />
                                </ext:Column>                                                            
                                </Columns>
                                </ColumnModel>                                                    
                                <View>
                                <ext:GridView ID="grvCurrSummary" runat="server">
                                <HeaderRows>
                                <ext:HeaderRow>
                                <Columns>
                                <ext:HeaderColumn Cls="x-small-editor">
      <Component>
                             
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
      <Component>
                               
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:ComboBox ID="CompanyName" runat="server" AutoWidth="false" Width="30" StoreID="clstrDeleteTran"
                                TriggerAction="All" Mode="Local" DisplayField="CompanyName" ValueField="CompanyName">
                                <Listeners>
                                <Select Handler="applyFilter();" />
                                </Listeners>
                                </ext:ComboBox>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="FXID" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                             <ext:DateField ID="RequestedValueDate" runat="server" Editable="false">
                                                <Listeners>
                                                    <Select Handler="applyFilter(this);" />
                                                </Listeners>
                                            </ext:DateField>
                                 </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>                           
                                 <ext:DateField ID="AnticipatedValueDate" runat="server" Editable="false">
                                                <Listeners>
                                                    <Select Handler="applyFilter(this);" />
                                                </Listeners>
                                            </ext:DateField>
                                </Component>
                                </ext:HeaderColumn>                                   
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="BuyCurrency" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="BuyAmount" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="SellCurrency" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="SellAmount" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="RateEntered" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="AccountNumber" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="FxDelInstructionFK" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="FocusID" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:DateField ID="FocusPaidDate" runat="server" Editable="false">
                                                <Listeners>
                                                    <Select Handler="applyFilter(this);" />
                                                </Listeners>
                                            </ext:DateField>                                        
                                </Component>
                                </ext:HeaderColumn>
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>
                                <ext:TextField ID="FocusPaidStatus" runat="server" EnableKeyEvents="true">
                                <Listeners>
                                <KeyUp Handler="applyFilter();" Buffer="250" />
                                </Listeners>
                                </ext:TextField>
                                </Component>
                                </ext:HeaderColumn>  
                                <ext:HeaderColumn Cls="x-small-editor">
                                <Component>                            
                                 <ext:DateField ID="RequestDate" runat="server" Editable="false">
                                                <Listeners>
                                                    <Select Handler="applyFilter(this);" />
                                                </Listeners>
                                            </ext:DateField>  
                                </Component>
                                </ext:HeaderColumn>               
                                <ext:HeaderColumn AutoWidthElement="false">
                                <Component>
                                <ext:Button ID="ClearFilterButton" runat="server" Icon="Cancel">
                                <ToolTips>
                                <ext:ToolTip ID="tipFilter" runat="server" Html="Clear filter" />
                                </ToolTips>
                                <Listeners>
                                <Click Handler="clearFilter();" />
                                </Listeners>
                                </ext:Button>
                                </Component>
                                </ext:HeaderColumn>
                                </Columns>
                                </ext:HeaderRow>
                                </HeaderRows>
                                </ext:GridView>
                                </View>
                                <BottomBar>
                                <ext:PagingToolbar ID="clpgtbDeleteTran" runat="server" StoreID="clstrDeleteTran" PageSize="15">                                                            
                                </ext:PagingToolbar>
                                </BottomBar>
                                </ext:GridPanel>
  5. #5

    Fixed

    Sorry i fixed this issue

Similar Threads

  1. Replies: 5
    Last Post: Sep 08, 2011, 5:57 AM
  2. Replies: 4
    Last Post: Jul 01, 2011, 5:05 PM
  3. Keep focus on column after sort/set filter
    By plykkegaard in forum 1.x Help
    Replies: 1
    Last Post: Dec 15, 2010, 11:05 AM
  4. [CLOSED] Filter focus lost after grid refresh
    By yobnet in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Sep 15, 2010, 9:36 AM
  5. Replies: 1
    Last Post: Oct 09, 2009, 3:46 AM

Posting Permissions