[FIXED] [#928] [3.3] Issues with Chrome and Win 10

Page 1 of 2 12 LastLast
  1. #1

    [FIXED] [#928] [3.3] Issues with Chrome and Win 10

    Support,

    Some customers complain that when using Chrome Version 46.0.2490.80 m on Windows 10, the button at the bottom "Search TestEs" doesn't work. i built this example from one of our pages they complain about. i asked them to test this test page and they said it doesnt work. i was able to replicate on iPAD. buttons appear flat and do nothing.

    Please review.
    Thanks,
    /Z


    <%@ Page Language="C#" %>
    
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    
    <html  lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Test</title>
        
        <script type="text/javascript">
            var template = '<span style="color:{0};">{1}</span>';
    
    
            var change = function (value) {
                return Ext.String.format(template, (value > 0) ? "green" : "red", value);
            };
    
    
            var colorize = function (value) {
                return Ext.String.format(template, (value.indexOf('Off') >= 0) ? "green" : "red", value);
            };
    
    
            var prepareToolbar = function (grid, toolbar, rowIndex, record) {
                var i = 0;
                for (i = 0; i < toolbar.items.length; i++) {
                    var item = toolbar.items.items[i];
                    if (item.command == 'Cmd1' && (record.data.test11Col == false || record.data.test10Col == false)) {
                        item.hide();
                    }
                    if (item.command == 'Cmd2' && (record.data.test11Col == false || record.data.test12Col == false)) {
                        item.hide();
                    }
                    if (item.command == 'Cmd3' && (record.data.test11Col == false || record.data.test12Col == true)) {
                        item.hide();
                    }
                    if (item.command == 'P15' && (record.data.test11Col == false || (record.data.test14Col == 'test'))) {
                        item.hide();
                    }
                    if (item.command == 'Cmd5' && (record.data.test11Col == false || (record.data.test14Col == 'test3'))) {
                        item.hide();
                    }
                }
            };
            var prepareCommands = function (grid, command, record, row) {
                // you can prepare group command
                if (command.command == 'test9Col' && record.data.test9Col == true) {
                    command.iconCls = "icon-accept";
                }
                if (command.command == 'test11Col' && record.data.test11Col == true) {
                    command.iconCls = "icon-accept";
                }
                if (command.command == 'test10Col' && record.data.test10Col == true) {
                    command.iconCls = "icon-accept";
                }
                if (command.command == 'test12Col' && record.data.test12Col == true) {
                    command.iconCls = "icon-accept";
                }
    
    
            };
    
    
    
    
            var commandHandler = function (cmd, record, theCommand, grid) {
                switch (cmd) {
                    case "Edit":
                        openTab('TestE', 'ViewTestP', record.data.test1Col);
                        break;
                }
            };
    
    
        </script>
        <style type="text/css">
            .add32 {
                background-image: url(/ta/resources/images/airplane.png) !important;
            }
        </style>
    </head>
    <body>
        <form id="FormSearchTestE" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server"/>
            <ext:Viewport ID="Viewport1" runat="server" AutoScroll="True" Layout="FitLayout">          
                <Items>  
                    <ext:Panel Layout="CardLayout" runat="server" AutoWidth="true" P15Index="0" ID="SearchCardContainer" Border="False">
                        <BottomBar>
                            <ext:Toolbar ID="ToolbarSearchTestE" runat="server">
                                <Items>
                                    <ext:Button ID="ButtonTestESearch" runat="server" Text="Search TestEs" Icon="Find">
                                        <Listeners>
                                            <Click Handler="alert('sdf');"/>
                                        </Listeners>           
                                    </ext:Button>
                                    <ext:Button ID="ButtonTestESearchOptions" runat="server" Text="Search Options" Icon="ResultsetFirst">
                                        <Listeners>
                                            <Click Handler="alert('sdf1');"/>
                                        </Listeners>           
                                    </ext:Button>
                                </Items>
                            </ext:Toolbar>
                        </BottomBar>
    
    
                        <Items>
                            <ext:FormPanel 
                                ID="FormPanelSearchRequest" 
                                BodyPadding="3"
                                runat="server" 
                                Title="Search Options" 
                                AutoWidth="true"
                                AutoScroll="true"
                                Height="200"
                                CollapseMode="Default"
                                Collapsible="true"
                                Icon="UserGo"
                                >
                                <Items>
                                    <ext:NumberField ID="TextFieldP1" runat="server" FieldLabel="Id" MaxLength="20"/>
                                    <ext:TextField ID="TextFieldP2" runat="server" FieldLabel="P 2" MaxLength="30"/>
                                    <ext:TextField ID="TextFieldP3" runat="server" FieldLabel="P 3" MaxLength="30"/>
                                    <ext:TextArea ID="TextFieldP4" runat="server" FieldLabel="P 4" MaxLength="500" Width="400" />
                                    <ext:TextArea ID="TextFieldP5" runat="server" FieldLabel="P 5" MaxLength="500" Width="400" />
                                    <ext:ComboBox ID="ComboBoxP6" 
                                        runat="server"
                                        FieldLabel="P6" 
                                        DisplayField="description"
                                        ValueField="id"
                                        QueryMode="Local"
                                        Width="400"
                                        
                                        EmptyText="Select a P6...">
                                        <Store>
                                            <ext:Store ID="Store_P6s" runat="server" AutoLoad="false">
                                                <Proxy>
                                                    <ext:AjaxProxy Url="/ta/Search/FindP6s/">
                                                        <Reader>
                                                            <ext:JsonReader IDProperty="id" RootProperty="data"/>
                                                        </Reader>
                                                    </ext:AjaxProxy>
                                                </Proxy>
                                                <Model>
                                                    <ext:Model ID="Model1" IDProperty="id" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="id" />
                                                            <ext:ModelField Name="description" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Triggers>
                                            <ext:FieldTrigger Icon="Clear" Qtip="Remove selected" />
                                        </Triggers>
                                        <ListConfig LoadingText="Loading..." />
                                        <Listeners>
                                            <Focus Handler="#{Store_P6s}.load()" Single="true" />
                                            <TriggerClick Handler="this.clearValue();" />
                                        </Listeners>
                                    </ext:ComboBox>
                                    <ext:ComboBox ID="ComboBoxP7" 
                                        runat="server"
                                        FieldLabel="P7" 
                                        DisplayField="description"
                                        ValueField="id"
                                        QueryMode="Local"
                                        Width="400"
                                        
                                        EmptyText="Select a P7...">
                                        <Store>
                                            <ext:Store ID="StoreP7" runat="server" AutoLoad="false">
                                                <Proxy>
                                                    <ext:AjaxProxy Url="/ta/Search/FindP7es/">
                                                        <Reader>
                                                            <ext:JsonReader IDProperty="id" RootProperty="data"/>
                                                        </Reader>
                                                    </ext:AjaxProxy>
                                                </Proxy>
                                                <Model>
                                                    <ext:Model ID="Model2" IDProperty="id" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="id" />
                                                            <ext:ModelField Name="description" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Triggers>
                                            <ext:FieldTrigger Icon="Clear" Qtip="Remove selected" />
                                        </Triggers>
                                        <ListConfig LoadingText="Loading..." />
                                        <Listeners>
                                            <Focus Handler="#{StoreP7}.load()"  Single="true" />
                                            <TriggerClick Handler="this.clearValue();" />
                                        </Listeners>
                                    </ext:ComboBox>
                                    <ext:ComboBox ID="ComboBoxP8" 
                                        runat="server"
                                        FieldLabel="P8" 
                                        DisplayField="description"
                                        ValueField="id"
                                        QueryMode="Local"
                                        Width="400"
                                        
                                        EmptyText="Select an P8...">
                                        <Store>
                                            <ext:Store ID="Store_P9s" runat="server" AutoLoad="false">
                                                <Proxy>
                                                    <ext:AjaxProxy Url="/ta/Search/FindP9s/">
                                                        <Reader>
                                                            <ext:JsonReader IDProperty="id"  RootProperty="data"/>
                                                        </Reader>
                                                    </ext:AjaxProxy>
                                                </Proxy>
                                                <Parameters>
                                                    <ext:StoreParameter Name="assetType" Value="ORGANIZATION" />
                                                </Parameters>
                                                <Model>
                                                    <ext:Model ID="Model3" IDProperty="id"  runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="id" />
                                                            <ext:ModelField Name="description" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Triggers>
                                            <ext:FieldTrigger Icon="Clear" Qtip="Remove selected" />
                                        </Triggers>
                                        <Listeners>
                                            <Focus Handler="#{Store_P9s}.load()" Single="true" />
                                            <TriggerClick Handler="this.clearValue();" />
                                        </Listeners>
                                    </ext:ComboBox>
                                    <ext:ComboBox ID="ComboBoxP10" 
                                        runat="server"
                                        FieldLabel="P 10" 
                                        DisplayField="description"
                                        ValueField="id"
                                        QueryMode="Local"
                                        Width="400"
                                        
                                        EmptyText="Select a P 10...">
                                        <Store>
                                            <ext:Store ID="StoreP10" runat="server" AutoLoad="false">
                                                <Proxy>
                                                    <ext:AjaxProxy Url="/ta/Search/GetP11s/">
                                                        <Reader>
                                                            <ext:JsonReader IDProperty="id" RootProperty="data"/>
                                                        </Reader>
                                                    </ext:AjaxProxy>
                                                </Proxy>
                                                <Parameters>
                                                    <ext:StoreParameter Name="classificationSchemeId" Value="10001" />
                                                    <ext:StoreParameter Name="limitToSingleton" Value="true" />
                                                </Parameters>
                                                <Model>
                                                    <ext:Model ID="Model4" IDProperty="id"  runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="id" />
                                                            <ext:ModelField Name="description" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Triggers>
                                            <ext:FieldTrigger Icon="Clear" Qtip="Remove selected" />
                                        </Triggers>
                                        <ListConfig LoadingText="Loading..." />
                                        <Listeners>
                                            <Focus Handler="#{StoreP10}.load()" Single="true" />
                                            <TriggerClick Handler="this.clearValue();" />
                                        </Listeners>
                                    </ext:ComboBox>
                                    <ext:ComboBox ID="ComboBoxP12" 
                                        runat="server"
                                        FieldLabel="P12" 
                                        DisplayField="description"
                                        ValueField="id"
                                        QueryMode="Local"
                                        Width="400"
                                        
                                        EmptyText="Select a P12...">
                                        <Store>
                                            <ext:Store ID="StoreP12" runat="server" AutoLoad="false">
                                                <Proxy>
                                                    <ext:AjaxProxy Url="/ta/Search/GetP11s/">
                                                        <Reader>
                                                            <ext:JsonReader IDProperty="id" RootProperty="data"/>
                                                        </Reader>
                                                    </ext:AjaxProxy>
                                                </Proxy>
                                                <Parameters>
                                                    <ext:StoreParameter Name="classificationSchemeId" Value="79" />
                                                </Parameters>
                                                <Model>
                                                    <ext:Model ID="Model5" IDProperty="id"  runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="id" />
                                                            <ext:ModelField Name="description" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Triggers>
                                            <ext:FieldTrigger Icon="Clear" Qtip="Remove selected" />
                                        </Triggers>
                                        <ListConfig LoadingText="Loading..." />
                                        <Listeners>
                                            <Focus Handler="#{StoreP12}.load()" Single="true" />
                                            <TriggerClick Handler="this.clearValue();" />
                                        </Listeners>
                                    </ext:ComboBox>                            
                                    <ext:ComboBox ID="ComboBoxP13" 
                                        runat="server"
                                        FieldLabel="P13" 
                                        DisplayField="description"
                                        ValueField="id"
                                        QueryMode="Local"
                                        Width="400"
                                        
                                        EmptyText="Select a P13...">
                                        <Store>
                                            <ext:Store ID="StoreP13" runat="server" AutoLoad="false">
                                                <Proxy>
                                                    <ext:AjaxProxy Url="/ta/Search/GetP11s/">
                                                        <Reader>
                                                            <ext:JsonReader IDProperty="id" RootProperty="data"/>
                                                        </Reader>
                                                    </ext:AjaxProxy>
                                                </Proxy>
                                                <Parameters>
                                                    <ext:StoreParameter Name="classificationSchemeId" Value="10002" />
                                                </Parameters>
                                                <Model>
                                                    <ext:Model ID="Model6" IDProperty="id" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="id" />
                                                            <ext:ModelField Name="description" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Triggers>
                                            <ext:FieldTrigger Icon="Clear" Qtip="Remove selected" />
                                        </Triggers>
                                        <ListConfig LoadingText="Loading..." />
                                        <Listeners>
                                            <Focus Handler="#{StoreP13}.load()" Single="true" />
                                            <TriggerClick Handler="this.clearValue();" />
                                        </Listeners>
                                    </ext:ComboBox>                            
                                    <ext:ComboBox ID="ComboBoxIsP14ed"
                                        runat="server" 
                                        Editable="false"       
                                        FieldLabel="Is Test P14ed"  
                                        AllowBlank="false"
                                        EmptyText="Select an option...">
                                        <SelectedItems>
                                            <ext:ListItem Value="A" />
                                        </SelectedItems>
                                        <Items>
                                            <ext:ListItem Text="All" Value="A" />
                                            <ext:ListItem Text="Yes" Value="Y" />
                                            <ext:ListItem Text="No" Value="N" />
                                        </Items>
                                    </ext:ComboBox>
                                    <ext:ComboBox ID="ComboBoxIsP15Only"
                                        runat="server" 
                                        Visible="false"
                                        Editable="false"       
                                        FieldLabel="Test Status"  
                                        AllowBlank="false"
                                        EmptyText="Select an option...">
                                        <SelectedItems>
                                            <ext:ListItem Value="A" />
                                        </SelectedItems>
                                        <Items>
                                            <ext:ListItem Text="All Test" Value="A" />
                                            <ext:ListItem Text="P15 Test Only" Value="Y" />
                                            <ext:ListItem Text="Inactive Test Only" Value="N" />
                                        </Items>
                                    </ext:ComboBox>
                                    <ext:FieldSet ID="TestItemFieldSet" 
                                        runat="server"  
                                        Collapsible="true"
                                        Collapsed="false"
                                        Layout="ContainerLayout"
                                        Title="TestI3s">
                                        <Items>
                                            <ext:ComboBox ID="ComboBoxTestItem1" 
                                                runat="server" 
                                                Padding="5" 
                                                DisplayField="description" 
                                                TypeAhead="false"
                                                ValueField="id" 
                                                EmptyText="Select an item" 
                                                PageSize="10"
                                                Width="300"
                                                FieldLabel="TestI3 1"
                                                Visible="false"
                                                MinChars="1" >
                                                <Store>
                                                    <ext:Store ID="StoreTestItem1" runat="server" AutoLoad="false">
                                                        <Proxy>
                                                            <ext:AjaxProxy Url="/ta/Search/FindTestItem1s" >
                                                                <ActionMethods READ="GET" />
                                                                <Reader>
                                                                    <ext:JsonReader IDProperty="id" RootProperty="data" TotalProperty="total" />
                                                                </Reader>
                                                            </ext:AjaxProxy>
                                                        </Proxy>
                                                        <Model>
                                                            <ext:Model ID="Model7" IDProperty="id"  runat="server">
                                                                <Fields>
                                                                    <ext:ModelField Name="id" Type="Int" />
                                                                    <ext:ModelField Name="name" Type="String" />
                                                                    <ext:ModelField Name="tes222" Type="String" />
                                                                    <ext:ModelField Name="description" Type="String" />
                                                                    <ext:ModelField Name="tes000Str" Type="String" />
                                                                    <ext:ModelField Name="tes111Str" Type="String" />
                                                                    <ext:ModelField Name="tes000" Type="Date" />
                                                                    <ext:ModelField Name="tes111" Type="Date" />
                                                                    <ext:ModelField Name="tes333" Type="Boolean" />
                                                                    <ext:ModelField Name="testId" Type="Int" />
                                                                </Fields>
                                                            </ext:Model>
                                                        </Model>
                                                    </ext:Store>
                                                </Store>
                                                <Triggers>
                                                    <ext:FieldTrigger Icon="Clear" Hidden="true" />
                                                </Triggers>
                                                <Listeners>
                                                    <Select Handler="if (this.editable) { this.getTrigger(0).show(); } " />
                                                    <BeforeQuery Handler="this.getTrigger(0)[ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                    <TriggerClick Handler="if (index == 0) { this.clearValue(); this.getTrigger(0).hide(); }" />
                                                </Listeners>
                                                <ListConfig LoadingText="Loading..." ItemSelector="div.search-item">
                                                    <ItemTpl ID="ItemTpl1" runat="server">
                                                        <Html>
                                                            <tpl for=".">
                                                                <div class="search-item">
                                                                    <h3>{id}</h3>Description: {description}
                                                                </div>
                                                            </tpl>
                                                        </Html>
                                                    </ItemTpl>
                                                </ListConfig>
                                            </ext:ComboBox>
                                            <ext:ComboBox ID="ComboBoxTestItem2" 
                                                runat="server" 
                                                Padding="5" 
                                                DisplayField="description" 
                                                TypeAhead="false"
                                                ValueField="id" 
                                                EmptyText="Select an item" 
                                                PageSize="10"
                                                Width="300"
                                                FieldLabel="TestI3 2"
                                                Visible="false"
                                                MinChars="1" >
                                                <Store>
                                                    <ext:Store ID="StoreTestItem2" runat="server" AutoLoad="false">
                                                        <Proxy>
                                                            <ext:AjaxProxy Url="/ta/Search/FindTestItem2s">
                                                                <ActionMethods READ="GET" />
                                                                <Reader>
                                                                    <ext:JsonReader IDProperty="id" RootProperty="data" TotalProperty="total" />
                                                                </Reader>
                                                            </ext:AjaxProxy>
                                                        </Proxy>
                                                        <Model>
                                                            <ext:Model ID="Model8" IDProperty="id" runat="server">
                                                                <Fields>
                                                                    <ext:ModelField Name="id" Type="Int" />
                                                                    <ext:ModelField Name="name" Type="String" />
                                                                    <ext:ModelField Name="tes222" Type="String" />
                                                                    <ext:ModelField Name="description" Type="String" />
                                                                    <ext:ModelField Name="tes000Str" Type="String" />
                                                                    <ext:ModelField Name="tes111Str" Type="String" />
                                                                    <ext:ModelField Name="tes000" Type="Date" />
                                                                    <ext:ModelField Name="tes111" Type="Date" />
                                                                    <ext:ModelField Name="tes333" Type="Boolean" />
                                                                    <ext:ModelField Name="testId" Type="Int" />
                                                                </Fields>
                                                            </ext:Model>
                                                        </Model>
                                                    </ext:Store>
                                                </Store>
                                                <Triggers>
                                                    <ext:FieldTrigger Icon="Clear" Hidden="true" />
                                                </Triggers>
                                                <Listeners>
                                                    <Select Handler="if (this.editable) { this.getTrigger(0).show(); } " />
                                                    <BeforeQuery Handler="this.getTrigger(0)[ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                    <TriggerClick Handler="if (index == 0) { this.clearValue(); this.getTrigger(0).hide(); }" />
                                                </Listeners>
                                                 <ListConfig LoadingText="Loading..." ItemSelector="div.search-item">
                                                    <ItemTpl ID="ItemTpl2" runat="server">
                                                        <Html>
                                                            <tpl for=".">
                                                                <div class="search-item">
                                                                    <h3>{id}</h3>Description: {description}
                                                                </div>
                                                            </tpl>
                                                        </Html>
                                                    </ItemTpl>
                                                </ListConfig>
                                            </ext:ComboBox>
                                            <ext:ComboBox ID="ComboBoxTestItem3" 
                                                runat="server" 
                                                Padding="5" 
                                                DisplayField="description" 
                                                TypeAhead="false"
                                                ValueField="id" 
                                                EmptyText="Select an item" 
                                                PageSize="10"
                                                Width="300"
                                                FieldLabel="TestI3 3"
                                                Visible="false"
                                                MinChars="1" >
                                                <Store>
                                                    <ext:Store ID="StoreTestItem3" runat="server" AutoLoad="false">
                                                        <Proxy>
                                                            <ext:AjaxProxy Url="/ta/Search/FindTestItem3s" >
                                                                <ActionMethods READ="GET" />
                                                                <Reader>
                                                                    <ext:JsonReader IDProperty="id" RootProperty="data" TotalProperty="total" />
                                                                </Reader>
                                                            </ext:AjaxProxy>
                                                        </Proxy>
                                                        <Model>
                                                            <ext:Model ID="Model9" IDProperty="id" runat="server">
                                                                <Fields>
                                                                    <ext:ModelField Name="id" Type="Int" />
                                                                    <ext:ModelField Name="name" Type="String" />
                                                                    <ext:ModelField Name="tes222" Type="String" />
                                                                    <ext:ModelField Name="description" Type="String" />
                                                                    <ext:ModelField Name="tes000Str" Type="String" />
                                                                    <ext:ModelField Name="tes111Str" Type="String" />
                                                                    <ext:ModelField Name="tes000" Type="Date" />
                                                                    <ext:ModelField Name="tes111" Type="Date" />
                                                                    <ext:ModelField Name="tes333" Type="Boolean" />
                                                                    <ext:ModelField Name="testId" Type="Int" />
                                                                </Fields>
                                                            </ext:Model>
                                                        </Model>
                                                    </ext:Store>
                                                </Store>
                                                <Triggers>
                                                    <ext:FieldTrigger Icon="Clear" Hidden="true" />
                                                </Triggers>
                                                <Listeners>
                                                    <Select Handler="if (this.editable) { this.getTrigger(0).show(); } " />
                                                    <BeforeQuery Handler="this.getTrigger(0)[ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                    <TriggerClick Handler="if (index == 0) { this.clearValue(); this.getTrigger(0).hide(); }" />
                                                </Listeners>
                                                 <ListConfig LoadingText="Loading..." ItemSelector="div.search-item">
                                                    <ItemTpl ID="ItemTpl3" runat="server">
                                                        <Html>
                                                            <tpl for=".">
                                                                <div class="search-item">
                                                                    <h3>{id}</h3>Description: {description}
                                                                </div>
                                                            </tpl>
                                                        </Html>
                                                    </ItemTpl>
                                                </ListConfig>
                                            </ext:ComboBox>
                                            <ext:ComboBox ID="ComboBoxTestItem4" 
                                                runat="server" 
                                                Padding="5" 
                                                DisplayField="description" 
                                                TypeAhead="false"
                                                ValueField="id" 
                                                EmptyText="Select an item" 
                                                PageSize="10"
                                                Width="300"
                                                FieldLabel="TestI3 4"
                                                Visible="false"
                                                MinChars="1" >
                                                <Store>
                                                    <ext:Store ID="StoreTestItem4" runat="server" AutoLoad="false">
                                                        <Proxy>
                                                            <ext:AjaxProxy Url="/ta/Search/FindTestItem4s">
                                                                <ActionMethods READ="GET" />
                                                                <Reader>
                                                                    <ext:JsonReader IDProperty="id"  RootProperty="data" TotalProperty="total" />
                                                                </Reader>
                                                            </ext:AjaxProxy>
                                                        </Proxy>
                                                        <Model>
                                                            <ext:Model ID="Model10" IDProperty="id"  runat="server">
                                                                <Fields>
                                                                    <ext:ModelField Name="id" Type="Int" />
                                                                    <ext:ModelField Name="name" Type="String" />
                                                                    <ext:ModelField Name="tes222" Type="String" />
                                                                    <ext:ModelField Name="description" Type="String" />
                                                                    <ext:ModelField Name="tes000Str" Type="String" />
                                                                    <ext:ModelField Name="tes111Str" Type="String" />
                                                                    <ext:ModelField Name="tes000" Type="Date" />
                                                                    <ext:ModelField Name="tes111" Type="Date" />
                                                                    <ext:ModelField Name="tes333" Type="Boolean" />
                                                                    <ext:ModelField Name="testId" Type="Int" />
                                                                </Fields>
                                                            </ext:Model>
                                                        </Model>
                                                    </ext:Store>
                                                </Store>
                                                <Triggers>
                                                    <ext:FieldTrigger Icon="Clear" Hidden="true" />
                                                </Triggers>
                                                <Listeners>
                                                    <Select Handler="if (this.editable) { this.getTrigger(0).show(); } " />
                                                    <BeforeQuery Handler="this.getTrigger(0)[ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                    <TriggerClick Handler="if (index == 0) { this.clearValue(); this.getTrigger(0).hide(); }" />
                                                </Listeners>
                                                 <ListConfig LoadingText="Loading..." ItemSelector="div.search-item">
                                                    <ItemTpl ID="ItemTpl4" runat="server">
                                                        <Html>
                                                            <tpl for=".">
                                                                <div class="search-item">
                                                                    <h3>{id}</h3>Description: {description}
                                                                </div>
                                                            </tpl>
                                                        </Html>
                                                    </ItemTpl>
                                                </ListConfig>
                                            </ext:ComboBox>
                                            <ext:ComboBox ID="ComboBoxTestItem5" 
                                                runat="server" 
                                                Padding="5" 
                                                DisplayField="description" 
                                                TypeAhead="false"
                                                ValueField="id" 
                                                EmptyText="Select an item" 
                                                PageSize="10"
                                                Width="300"
                                                FieldLabel="TestI3 5"
                                                Visible="false"
                                                MinChars="1" >
                                                <Store>
                                                    <ext:Store ID="StoreTestItem5" runat="server" AutoLoad="false">
                                                        <Proxy>
                                                            <ext:AjaxProxy Url="/ta/Search/FindTestItem5s">
                                                                <ActionMethods READ="GET" />
                                                                <Reader>
                                                                    <ext:JsonReader IDProperty="id" RootProperty="data" TotalProperty="total" />
                                                                </Reader>
                                                            </ext:AjaxProxy>
                                                        </Proxy>
                                                        <Model>
                                                            <ext:Model ID="Model11" IDProperty="id"  runat="server">
                                                                <Fields>
                                                                    <ext:ModelField Name="id" Type="Int" />
                                                                    <ext:ModelField Name="name" Type="String" />
                                                                    <ext:ModelField Name="tes222" Type="String" />
                                                                    <ext:ModelField Name="description" Type="String" />
                                                                    <ext:ModelField Name="tes000Str" Type="String" />
                                                                    <ext:ModelField Name="tes111Str" Type="String" />
                                                                    <ext:ModelField Name="tes000" Type="Date" />
                                                                    <ext:ModelField Name="tes111" Type="Date" />
                                                                    <ext:ModelField Name="tes333" Type="Boolean" />
                                                                    <ext:ModelField Name="testId" Type="Int" />
                                                                </Fields>
                                                            </ext:Model>
                                                        </Model>
                                                    </ext:Store>
                                                </Store>
                                                <Triggers>
                                                    <ext:FieldTrigger Icon="Clear" Hidden="true" />
                                                </Triggers>
                                                <Listeners>
                                                    <Select Handler="if (this.editable) { this.getTrigger(0).show(); } " />
                                                    <BeforeQuery Handler="this.getTrigger(0)[ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                    <TriggerClick Handler="if (index == 0) { this.clearValue(); this.getTrigger(0).hide(); }" />
                                                </Listeners>
                                                 <ListConfig LoadingText="Loading..." ItemSelector="div.search-item">
                                                    <ItemTpl ID="ItemTpl5" runat="server">
                                                        <Html>
                                                            <tpl for=".">
                                                                <div class="search-item">
                                                                    <h3>{id}</h3>Description: {description}
                                                                </div>
                                                            </tpl>
                                                        </Html>
                                                    </ItemTpl>
                                                </ListConfig>
                                            </ext:ComboBox>
                                            <ext:ComboBox ID="ComboBoxTestItem6" 
                                                runat="server" 
                                                Padding="5" 
                                                DisplayField="description" 
                                                TypeAhead="false"
                                                ValueField="id" 
                                                EmptyText="Select an item" 
                                                PageSize="10"
                                                Width="300"
                                                FieldLabel="TestI3 6"
                                                Visible="false"
                                                MinChars="1" >
                                                <Store>
                                                    <ext:Store ID="StoreTestItem6" runat="server" AutoLoad="false">
                                                        <Proxy>
                                                            <ext:AjaxProxy Url="/ta/Search/FindTestItem6s">
                                                                <ActionMethods READ="GET" />
                                                                <Reader>
                                                                    <ext:JsonReader IDProperty="id" RootProperty="data" TotalProperty="total" />
                                                                </Reader>
                                                            </ext:AjaxProxy>
                                                        </Proxy>
                                                        <Model>
                                                            <ext:Model ID="Model12" IDProperty="id" runat="server">
                                                                <Fields>
                                                                    <ext:ModelField Name="id" Type="Int" />
                                                                    <ext:ModelField Name="name" Type="String" />
                                                                    <ext:ModelField Name="tes222" Type="String" />
                                                                    <ext:ModelField Name="description" Type="String" />
                                                                    <ext:ModelField Name="tes000Str" Type="String" />
                                                                    <ext:ModelField Name="tes111Str" Type="String" />
                                                                    <ext:ModelField Name="tes000" Type="Date" />
                                                                    <ext:ModelField Name="tes111" Type="Date" />
                                                                    <ext:ModelField Name="tes333" Type="Boolean" />
                                                                    <ext:ModelField Name="testId" Type="Int" />
                                                                </Fields>
                                                            </ext:Model>
                                                        </Model>
                                                    </ext:Store>
                                                </Store>
                                                <Triggers>
                                                    <ext:FieldTrigger Icon="Clear" Hidden="true" />
                                                </Triggers>
                                                <Listeners>
                                                    <Select Handler="if (this.editable) { this.getTrigger(0).show(); } " />
                                                    <BeforeQuery Handler="this.getTrigger(0)[ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                    <TriggerClick Handler="if (index == 0) { this.clearValue(); this.getTrigger(0).hide(); }" />
                                                </Listeners>
                                                 <ListConfig LoadingText="Loading..." ItemSelector="div.search-item">
                                                    <ItemTpl ID="ItemTpl6" runat="server">
                                                        <Html>
                                                            <tpl for=".">
                                                                <div class="search-item">
                                                                    <h3>{id}</h3>Description: {description}
                                                                </div>
                                                            </tpl>
                                                        </Html>
                                                    </ItemTpl>
                                                </ListConfig>
                                            </ext:ComboBox>
                                            <ext:ComboBox ID="ComboBoxTestItem7" 
                                                runat="server" 
                                                Padding="5" 
                                                DisplayField="description" 
                                                TypeAhead="false"
                                                ValueField="id" 
                                                EmptyText="Select an item" 
                                                PageSize="10"
                                                Width="300"
                                                FieldLabel="TestI3 7"
                                                Visible="false"
                                                MinChars="1" >
                                                <Store>
                                                    <ext:Store ID="StoreTestItem7" runat="server" AutoLoad="false">
                                                        <Proxy>
                                                            <ext:AjaxProxy Url="/ta/Search/FindTestItem7s">
                                                                <ActionMethods READ="GET" />
                                                                <Reader>
                                                                    <ext:JsonReader IDProperty="id"  RootProperty="data" TotalProperty="total" />
                                                                </Reader>
                                                            </ext:AjaxProxy>
                                                        </Proxy>
                                                        <Model>
                                                            <ext:Model ID="Model13" IDProperty="id" runat="server">
                                                                <Fields>
                                                                    <ext:ModelField Name="id" Type="Int" />
                                                                    <ext:ModelField Name="name" Type="String" />
                                                                    <ext:ModelField Name="tes222" Type="String" />
                                                                    <ext:ModelField Name="description" Type="String" />
                                                                    <ext:ModelField Name="tes000Str" Type="String" />
                                                                    <ext:ModelField Name="tes111Str" Type="String" />
                                                                    <ext:ModelField Name="tes000" Type="Date" />
                                                                    <ext:ModelField Name="tes111" Type="Date" />
                                                                    <ext:ModelField Name="tes333" Type="Boolean" />
                                                                    <ext:ModelField Name="testId" Type="Int" />
                                                                </Fields>
                                                            </ext:Model>
                                                        </Model>
                                                    </ext:Store>
                                                </Store>
                                                <Triggers>
                                                    <ext:FieldTrigger Icon="Clear" Hidden="true" />
                                                </Triggers>
                                                <Listeners>
                                                    <Select Handler="if (this.editable) { this.getTrigger(0).show(); } " />
                                                    <BeforeQuery Handler="this.getTrigger(0)[ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                    <TriggerClick Handler="if (index == 0) { this.clearValue(); this.getTrigger(0).hide(); }" />
                                                </Listeners>
                                                 <ListConfig LoadingText="Loading..." ItemSelector="div.search-item">
                                                    <ItemTpl ID="ItemTpl7" runat="server">
                                                        <Html>
                                                            <tpl for=".">
                                                                <div class="search-item">
                                                                    <h3>{id}</h3>Description: {description}
                                                                </div>
                                                            </tpl>
                                                        </Html>
                                                    </ItemTpl>
                                                </ListConfig>
                                            </ext:ComboBox>
                                        </Items>
                                    </ext:FieldSet>                          
                                </Items>
                            </ext:FormPanel>
                            <ext:GridPanel 
                                ID="GridPanelSearchResults" 
                                runat="server" 
                                Title="Test" 
                                Hidden="true"
                                Layout="FitLayout"
                                Anchor="100% 100%"
                                AutoWidth="true"
                                AutoRender="false">
                                <Store>
                                    <ext:Store ID="StoreSearchResults" runat="server" RemoteSort="false" AutoLoad="false" PageSize="50">
                                        <Proxy>
                                            <ext:AjaxProxy Url="/ta/xxxx/yyyy">
                                                <ActionMethods READ="GET" />
                                                <Reader>
                                                    <ext:JsonReader RootProperty="data" IDProperty="test1Col" TotalProperty="total"/>
                                                </Reader>
                                            </ext:AjaxProxy>
                                        </Proxy>
                                        <Parameters>
                                            
                                            <ext:StoreParameter Name="limit" Value="={50}" />
                                        </Parameters>
                                        <Model>
                                            <ext:Model ID="Model14" IDProperty="test1Col"  runat="server">
                                                <Fields>
                                                    <ext:ModelField Name="test1Col" Type="Int" />
                                                    <ext:ModelField Name="test2Col" Type="String" />
                                                    <ext:ModelField Name="test3Col" Type="String" />
                                                    <ext:ModelField Name="test4Col" Type="String" />
                                                    <ext:ModelField Name="test5Col" Type="String" />
                                                    <ext:ModelField Name="test6Col" Type="String" />
                                                    <ext:ModelField Name="test7Col" Type="String" />
                                                    <ext:ModelField Name="test9Col" Type="Boolean" />
                                                    <ext:ModelField Name="test10Col" Type="Boolean" />
                                                    <ext:ModelField Name="test11Col" Type="Boolean" />
                                                    <ext:ModelField Name="test12Col" Type="Boolean" />
                                                    <ext:ModelField Name="test13Col" Type="String" />
                                                    <ext:ModelField Name="test14Col" Type="String" />
                                                    <ext:ModelField Name="test8Col" Type="String" />
                                                </Fields>
                                            </ext:Model>
                                        </Model>
                                        <Sorters>
                                            <ext:DataSorter Property="test3Col" Direction="DESC" />
                                        </Sorters>
                                    </ext:Store>
                                </Store>
                                <ColumnModel ID="ColumnModelTestEResults" runat="server">
                                    <Columns>
                                        <ext:Column runat="server" ID="test1Col" Text="Id" DataIndex="test1Col" Width="50" Sortable="true" Hidden="true" />
                                        <ext:Column runat="server" ID="test2Col" Text="P 2" DataIndex="test2Col" Width="100"  Sortable="true" />
                                        <ext:Column runat="server" ID="test3Col" Text="P 3" DataIndex="test3Col" Width="100"  Sortable="true" />
                                        <ext:Column runat="server" ID="test4Col" Text="P 4" DataIndex="test4Col" Width="100" Sortable="true" />
                                        <ext:Column runat="server" ID="test5Col" Text="P 5" DataIndex="test5Col" Width="100" Sortable="true" />
                                        <ext:Column runat="server" ID="test6Col" Text="P6" DataIndex="test6Col" Width="170" Sortable="true" />
                                        <ext:Column runat="server" ID="test7Col" Text="P8" DataIndex="test7Col" Width="170" Sortable="true" />
                                        <ext:Column runat="server" ID="test8Col" Text="Password" DataIndex="test8Col" Width="190" Sortable="true">
                                        </ext:Column>
                                        <ext:ImageCommandColumn ID="ImageCommandColumn1" runat="server" Width="80" Text="Is P14ed" Sortable="true" >
                                             <Commands>
                                                <ext:ImageCommand CommandName="test11Col" Icon="Cancel" >
                                                    <ToolTip Text="Test 11 status" />
                                                </ext:ImageCommand>
                                            </Commands>
                                            <PrepareCommand Fn="prepareCommands" />
                                        </ext:ImageCommandColumn>
                                        <ext:ImageCommandColumn ID="ImageCommandColumn2"  runat="server" Width="80" Text="Is Online" Sortable="true" >
                                             <Commands>
                                                <ext:ImageCommand CommandName="test9Col" Icon="Cancel" >
                                                    <ToolTip Text="Test 22 status" />
                                                </ext:ImageCommand>
                                            </Commands>
                                            <PrepareCommand Fn="prepareCommands" />
                                        </ext:ImageCommandColumn>
                                        <ext:ImageCommandColumn ID="ImageCommandColumn3"  runat="server" Width="80" Text="Is Locked" Sortable="true" >
                                             <Commands>
                                                <ext:ImageCommand CommandName="test10Col" Icon="Cancel" >
                                                    <ToolTip Text="Test 33 status" />
                                                </ext:ImageCommand>
                                            </Commands>
                                            <PrepareCommand Fn="prepareCommands" />
                                        </ext:ImageCommandColumn>
                                        <ext:ImageCommandColumn ID="ImageCommandColumn4"  runat="server" Width="80" Text="Is Approved" Sortable="true" >
                                             <Commands>
                                                <ext:ImageCommand CommandName="test12Col" Icon="Cancel" >
                                                    <ToolTip Text="Test 44 to login" />
                                                </ext:ImageCommand>
                                            </Commands>
                                            <PrepareCommand Fn="prepareCommands" />
                                        </ext:ImageCommandColumn>
                                        <ext:CommandColumn runat="server" Width="425" ID="commands">
                                            <Commands>
                                                <ext:GridCommand Icon="LockOpen" CommandName="Cmd1" Text="Cmd1 Test" >
                                                    <ToolTip Text="Click to " Title="Cmd1 Account" />
                                                </ext:GridCommand>
                                                <ext:GridCommand Icon="UserDelete" CommandName="Cmd2" Text="Cmd2 Test" >
                                                    <ToolTip Text="Click to " Title="Cmd2 Test" />
                                                </ext:GridCommand>
                                                <ext:GridCommand Icon="UserAdd" CommandName="Cmd3" Text="Cmd3 Test" >
                                                    <ToolTip Text="Click to " Title="Cmd3 Test" />
                                                </ext:GridCommand>
                                                <ext:GridCommand Icon="LinkGo" CommandName="P15" Text="P16" >
                                                    <ToolTip Text="Click to " Title="P16" />
                                                </ext:GridCommand>
                                                <ext:GridCommand Icon="LinkBreak" CommandName="Cmd5" Text="P17" >
                                                    <ToolTip Text="Click to " Title="P17" />
                                                </ext:GridCommand>
                                            </Commands>
                                             <DirectEvents>
                                                <Command 
                                                   Timeout="60000"
                                                   Before="return true;" 
                                                   CleanRequest="true" 
                                                   Method="POST"
                                                   Success="applyMessages(response,result,el,type,action,extraParams,o);#{GridPanelSearchResults}.getStore().load();"
                                                   Url="/ta/Support/rrrr"
                                                   Failure="Ext.Msg.show({
                                                       test6Col:   'Error',
                                                       msg:     result.message || result.errorMessage,
                                                       buttons: Ext.Msg.OK,
                                                       icon:    Ext.MessageBox.ERROR
                                                    });">
                                                   <ExtraParams>
                                                       <ext:Parameter Name="commandName" Value="command" Mode="Raw" />      
                                                       <ext:Parameter Name="employeeP1" Value="record.id" Mode="Raw" />                                    
                                                   </ExtraParams> 
                                                </Command>
                                            </DirectEvents>                                         
                                            <PrepareToolbar Fn="prepareToolbar" />
                                            <Listeners>
                                                <Command Handler="commandHandler(command, record, this, #{GridPanelSearchResults});" />
                                            </Listeners>
                                        </ext:CommandColumn>
                                    </Columns>
                                </ColumnModel>
                                <SelectionModel >
                                    <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
                                </SelectionModel>
                                                      
                                <BottomBar>
                                    <ext:PagingToolbar ID="PagingToolbarTestE" 
                                        runat="server" 
                                        DisplayInfo="true" 
                                        DisplayMsg="Displaying results {0} - {1} of {2}" 
                                        EmptyMsg="No results to display" 
                                        />
                                </BottomBar>
                                
                            </ext:GridPanel>
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:Viewport>
            <ext:KeyMap ID="KeyMap1" runat="server" Target="FormPanelSearchRequest">
                <Binding>
                    <ext:KeyBinding Handler="Ext.getCmp('ButtonTestESearch').fireEvent('click')">
                        <Keys>
                            <ext:Key Code="ENTER"/>
                        </Keys>
                    </ext:KeyBinding>
                </Binding>
            </ext:KeyMap>
    
    
        </form>
    </body>
    </html>
    Last edited by Daniil; Oct 29, 2015 at 8:16 AM. Reason: [FIXED] [#928] [3.3]
  2. #2
    Hi @Z,

    I'll try to reproduce it and come back with a follow-up.
  3. #3
    please give status. we see this error in console loading Chrome in IE10
    /Z
    Attached Thumbnails Click image for larger version. 

Name:	Untitled.png 
Views:	85 
Size:	16.3 KB 
ID:	24302  
  4. #4
    Please try to remove AutoScroll="True" of Viewport.

    I've found this:
    https://www.sencha.com/forum/showthread.php?297197
  5. #5
    Will review with clients. We have 101 viewports though. Can you explain what the effect will be? Will the scrollbars disappear? or will be ok if child elements have autoscroll.

    Also, i didnt see a ticket filed with Sencha, if the testing proves to work, can you please file a ticket with them.

    Thanks,
    /Z
  6. #6
    Created an Issue:
    https://github.com/extnet/Ext.NET/issues/928

    Posted a follow-up in the Sencha thread.

    As for AutoScroll="true" I tend to think it is safe to just remove. Though, it might be better to try this override instead:
    Ext.net.Viewport.override({
        afterLayout: function (layout) {
            if (Ext.supports.Touch) {
                Ext.getBody().dom.scrollTop = 0; // #928: "document.body" is replaced with "Ext.getBody().dom"
            }
    
            this.callSuper([layout]);
        }
    });
  7. #7
    Please review your fix and verify

    Does the getBody() call handle the different behavior of WebKit and non WebKit?

    Usually requires (with any null checks)
    document.documentElement.scrollTop=0
    document.body.scrolltop=0
    Thxs
    /Z
  8. #8
    Our users verified that the viewport autoscroll is the issue. We deployed 2 pages.... 1 with and 1 without. Works when autoscroll is false and fails when true.

    That being said, please review my last comment and verify fix is good.

    Thxs
    /Z
  9. #9
    Thank you for the updates.

    Please try this:
    Ext.net.Viewport.override({
        afterLayout: function (layout) {
            if (Ext.supports.Touch) {
                if (document.documentElement) { // #928
                    document.documentElement.scrollTop = 0;
                }
        
                if (document.body) { // #928
                    document.body.scrollTop = 0;
                }
            }
    
            this.callSuper([layout]);
        }
    });
  10. #10
    Your fix looks good. i reviewed all the options and decided to remove the AutoScroll=true from the Viewport but you should commit your fix.
    Thanks
    /Z
Page 1 of 2 12 LastLast

Similar Threads

  1. Replies: 5
    Last Post: Apr 27, 2016, 12:46 AM
  2. Replies: 1
    Last Post: Feb 16, 2011, 8:07 PM
  3. Replies: 8
    Last Post: Jan 20, 2010, 9:38 PM
  4. Tab Issues
    By dukefama in forum 1.x Help
    Replies: 1
    Last Post: Oct 14, 2008, 6:57 AM
  5. Tab and Issues
    By dukefama in forum 1.x Help
    Replies: 6
    Last Post: Jul 04, 2008, 2:47 AM

Posting Permissions