Sencha字段集不顯示在windows phone/internet explorer

我已經使用sencha 2.3.1實現了以下功能：我使用以下命令創建了一個sencha應用程序：sencha生成應用程序TempApp c：/ TempApp 我已經替換了默認應用程序/視圖/ Main.js通過Sencha字段集不顯示在windows phone/internet explorer

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中使用帶有電子郵件和密碼字段的字段集？

來源

2013-11-21 user3018650

首先要解決這個錯誤，一個有用的工具是仿真工具的Internet Explorer 11

F12 > Emulation > Explorer Profile > Windows Phone

這個工具也可能是有用的：Remote HTML5 debugging on Windows Phone with weinre在位於路徑聯繫我們的應用程序的樣式表

最後/ resources/css評論以下屬性wp.css文件

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

在我們可以用下面的代碼窗口電話控制器（拾取器DIV必須爲瀏覽器中的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; 
    } 
},

來源

2014-09-03 21:14:14

Sencha字段集不顯示在windows phone/internet explorer

回答

相關問題