1

我有一個複雜的應用程序,它在Sencha 2.2.1中使用拖放操作 - 在Webkit瀏覽器上工作得非常出色,但現在Sencha Touch支持IE 10 I想試試它。Sencha-Touch 2.2.1簡單的拖拽工作在Webkit瀏覽器上,但不支持IE 10

我不能拖動工作,所以我從頭開始了一個非常簡單的測試。

我使用sencha cmd generate生成了一個新的「hello world」應用程序,並使用了您在下面看到的Main.js。 我可以在webkit瀏覽器中拖動內部面板沒有問題,但內部面板甚至不會在IE 10中顯示。試過了好幾天,但無法弄清楚這個新的Ext.util.Translatable交易是如何工作的以及它是如何工作的應該在IE 10中工作。

(環境:Win 7 64位; Sencha 2.2.1商用SDK; Sencha Cmd v3.1.2.342;構建包,像這樣'sencha app build package'並運行index.html從文件夾瓦特/沒有的網絡服務器)

視圖\ Main.js:

Ext.define('mytest.view.Main', { 
extend: 'Ext.tab.Panel', 
xtype: 'main', 
requires: [ 
    'Ext.TitleBar', 
    'Ext.Video', 
    'Ext.util.Draggable' 
], 
config: { 
    tabBarPosition: 'bottom', 
    items: [ 
     { 
      title: 'Welcome', 
      iconCls: 'home', 
      styleHtmlContent: true, 
      scrollable: true, 
      items: [{ 
       docked: 'top', 
       xtype: 'titlebar', 
       title: 'Welcome to Sencha Touch 2' 
      },{ 
       xtype: 'panel', 
       layout: 'hbox', 
       html: 'mybutton', 
       width: 300, 
       height: 80, 
       left: 5, 
       top: 5, 
       id: 'mydraggable', 
       draggable: 'both', 
       constraint: { 
        min: { x: 0, y: 0 }, 
        max: { x: 1000000, y: 1000000 } 
        }, 
       listeners: { 
        drag: { 
         element: 'element', 
         fn: function(draggable, e){ 
          console.log("left: ", this.getLeft(), "top: ",this.getTop(), "X: ",this.element.getX(), "Y: ",this.element.getY()); 
          //this.setLeft(this.element.getX()); 
          //this.setTop(this.element.getY()); 
         } 
        }, 
        tap: { 
         element: 'element', 
         fn: function(view, index, target, record, event){ 
          alert("Tapped"); 
         } 
        } 
       } 
      }] 
     }, 
     { 
      title: 'Get Started', 
      iconCls: 'action', 

      items: [ 
       { 
        docked: 'top', 
        xtype: 'titlebar', 
        title: 'Getting Started' 
       }, 
       { 
        xtype: 'video', 
        url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c', 
        posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg' 
       } 
      ] 
     } 
    ] 
}, 
initialize: function(){ 

    this.callParent(); 
} 
}); 

回答

1

我所面臨同樣是在用Sencha Touch框架開發應用程序時起訴。拖動功能在-webkit瀏覽器中工作良好,但在IE10中失敗。

我想到的是,對於拖曳功能,sencha內部機制正在使用 -webkit-transform CSS屬性來翻譯文檔中的組件。

由於IE不支持這些屬性,拖動失敗。

我建議嘗試覆蓋默認功能併爲任何瀏覽器實施polyfill。

對不起,這個問題沒有解決(目前正在開發)。當我將它的工作,我會在這裏添加它。

相關問題