Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 1
  • Filter
  • Time
Clear All
new posts
Previous template Next
    #1

    IE 11 is not firing on change event in the SELECT element using number key

    Version : v10.1p_2016-03-18/PowerEdition
    Browser IE 11

    IE 11 is not firing the on change event when you select the particular element and press enter. The same is working outside the smartclient framework.

    1. Load the below test case
    2. Click on Page drop down element
    3. Select some page using keyboard and press enter
    4. Observe that page no is not selected

    Same is working in chrome.

    <!DOCTYPE html>

    <html>
    <head>

    <title></title>

    <style>
    .diagInfo {
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    }
    </style>

    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/system/modules/ISC_Core.js"></script>
    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/system/modules/ISC_Foundation.js"></script>
    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/system/modules/ISC_Containers.js"></script>
    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/system/modules/ISC_Grids.js"></script>
    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/system/modules/ISC_Forms.js"></script>
    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/system/modules/ISC_DataBinding.js"></script>
    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/system/modules/ISC_Drawing.js"></script>
    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/system/modules/ISC_PluginBridges.js"></script>
    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/system/modules/ISC_Charts.js"></script>
    <script type="text/javascript" SRC="http://localhost:7001/CRMApp/isomorphic/skins/EnterpriseBlue/load_skin.js"></script>

    <script type="text/javascript" >
    var isomorphicDir="http://localhost:7001/CRMApp/isomorphic/";

    // set this to the correct JIRA ticket
    var JIRA_TICKET = "SNTQ-1219";

    isc.DataSource.create({
    ID: "countryDS",

    fields:[
    {name:"continent", title:"Continent"},
    {name:"countryCode", title:"Code"},
    {name:"countryName", title:"Country"},
    {name:"capital", title:"Capital"}
    ],
    dataFormat: "json",
    clientOnly: true

    })




    </script>

    <!--mstheme--><link rel="stylesheet" type="text/css" id="onetidThemeCSS" href="../../_themes/Lichen/Lich1011-65001.css"><meta name="Microsoft Theme" content="Lichen 1011, default">
    </head>

    <body>
    <script>

    // ===== DO NOT REMOVE =====
    var diagLabel = isc.Label.create({
    ID: "diagInfo",
    width: "100%",
    styleName: "diagInfo",
    autoFit: true
    });
    // ===== DO NOT REMOVE =====

    // basic grid
    var grid = isc.ListGrid.create({
    dataSource: countryDS,
    dataFetchMode : "local", position: "relative",
    width : "100%",
    align : "center",
    autoFitData : "vertical",
    autoFitMaxHeight : 400,
    alternateRecordStyles : true,
    canAddFormulaFields : true,
    canAddSummaryFields : true,
    canGroupBy : true,
    canReorderFields : true,
    showGroupSummary : true,
    groupByMaxRecords : 5,
    useAdvancedFieldPicker: true,
    advancedFieldPickerThreshold: 5,
    autoDraw: false
    });


    // the main page layout - place all other components afetr diagLabel
    var layout = isc.VLayout.create({
    width:"100%",
    membersMargin: 20,
    members: [
    // ===== DO NOT REMOVE diagLabel
    diagLabel,
    isc.DynamicForm
    .create({
    id: "form",
    titleWidth : 40,
    autoDraw : false,
    fields : [ {
    name : "pageNumber",
    title : "Page",
    type : "select",
    valueMap: ["1", "2", "3"],
    width : 80,
    changed : function(form, item) {
    fetchPage(item.getValue());
    }
    } ]
    }),
    // ===== place anty components here

    grid

    ]
    });

    var fetchPage = function(page) {

    alert(page);
    }

    </script>

    </body>

    </html>

    Tags: None
    #2
    We're not reproducing this issue, whether we use mouse, keyboard via up/down arrow, or Alt+Down Arrow then navigating to an option and hitting Enter.

    You may be working on a computer that has been configured to block alert() dialogs or similar. In general, don't use alert() dialogs for debugging - log to the Developer Console via isc.logWarn() instead.

    Comment

      #3
      Detailed steps

      1.Load the test case
      2.Click on select element , drop down list appears
      3.Type a number for ex 3 and press enter(pls don not use arrow key and enter)
      4.First time it works.
      5.If you go for subsequent page selection using the step 2 and 3, on change event is not fired



      This is not happening in my stand alone test case outside the smartclient grid
      <html>

      <script>

      function processChange() {
      var el = document.getElementById("testSelect");

      alert("The select was changed to " + el.options[el.selectedIndex].value);
      }
      </script>

      <body>

      <select id="testSelect" onChange="processChange()">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      </select>

      <body>

      </html>


      Comment

        #4
        This is fixed for builds dated April 18

        Comment

        Previous template Next
        Working...
        X