Наборы полей Sencha не отображаются в Windows Phone/Internet Explorer

Я реализовал следующее, используя sencha 2.3.1: Я создал приложение sencha с помощью команды: sencha generate app TempApp c:/TempApp Я заменил приложение/представление/Main.js по умолчанию на

Ext.define('TempApp.view.Main', {
extend: 'Ext.form.FormPanel',
alias : 'widget.login',
    config: {
    id   : 'login',
    cls  : ['account-login','mobile'],
    layout:{
type : 'vbox',
align: 'center',
pack : 'center'
},
    defaults:{
     width: 240
},
    scrollable: {
        direction: 'vertical'
    },
    items:[
    // TOP TOOLBAR
    {
    xtype  : 'toolbar',
    ui     : 'dark',
    docked : 'top',
    title  : '', 
    width  : undefined
},

// FIELSDSET
{
xtype: 'fieldset',
title: 'login',
items:[
{
            xtype: 'emailfield',
            name : 'email',
            placeHolder: 'email',
            value: ''
        },
        {
            xtype: 'passwordfield',
            id   : 'loginPasswordField',
            name : 'password',
            placeHolder: 'password',
            value: ''
        },
        {
            xtype  : 'checkboxfield',
            name   : 'remember',
            //hidden : true,
            label  : 'remember',
            value  : 'true',
            checked: true,
            labelWidth: '80%'
        }
]
},

//  AND BUTTONS
{
xtype : 'button',
id    : 'loginButton',
    ui    : 'confirm',
    text  : 'login',
    margin: '5',
    handler: function(button, evt){

    }
},
{
         xtype: 'button',
         id   : 'forgotButton',
    text : 'forgot password',
    margin: '5',
    handler: function(button, evt){

    }
},

// BOTTOM TOOLBAR
{
    xtype  : 'toolbar',
    ui     : 'dark',
    docked : 'bottom',
    width  : undefined
    }
    ],
        listeners: {
     initialize: function(view, options){

     }
        }
}
});

набор полей не отображается в Internet Explorer и Windows Phone. Я прочитал это: http://www.sencha.com/forum/showthread.php?272642 и кажется, что есть проблема с наборами полей.

Как я могу использовать наборы полей с полями электронной почты и пароля внутри в Windows Phone?


fieldset sencha-touch-2
person user3018650    schedule 21.11.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Первый полезный инструмент для исправления этой ошибки — инструмент эмуляции Internet Explorer 11.

F12 > Emulation > Explorer Profile > Windows Phone

Этот инструмент также может быть полезен: Удаленная отладка HTML5 на Windows Phone с помощью weinre

Наконец, в таблице стилей нашего приложения, расположенной по пути touch/resources/css, прокомментируйте следующий атрибут в файле wp.css.

~ div:not(.x-msgbox) .x-input-el {/ * visibility: collapse * /}

В контроллере мы можем использовать следующий код для Windows Phone (в блоке выбора должно быть событие onclick для браузера wp, игнорирующего ввод onclick, который находится под маской):

Ext.define('AppName.controller.ControllerName', {
extend: 'Ext.app.Controller',
requires: [
// ... 
],

config: {
    refs: {
        //...
    },

    control: {          
        "picker[id='PickerId']":{show:'onPickerShow'}
        //...           
    }
},

onPickerShow: function(picker,o){
    if(picker.getId()=='PickerId'){
        document.getElementById("PickerId").onclick = Ext.emptyFn;
    }
},
person Community    schedule 03.09.2014