Sencha touch 2 Sencha字段集不显示在windows phone/internet explorer中

我使用sencha 2.3.1实现了以下功能： 我已使用以下命令创建了sencha应用程序：sencha generate app TempApp c:/TempApp 我已将默认的app/view/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中不显示字段集 我读过这篇文章：看起来字段集有问题

---

如何在windows phone中使用包含电子邮件和密码字段的字段集？

首先，修复此错误的一个有用工具是模拟工具internet explorer 11

F12 > Emulation > Explorer Profile > Windows Phone 

此工具也很有用：

最后，在位于path touch/resources/css的应用程序样式表中，在wp.css文件中注释以下属性

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

在控制器中，我们可以为windows phone使用以下代码（选择器div必须为浏览器wp设置onclick事件，忽略掩码下的输入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;
    }
},