2012-03-15 130 views
2

我是Ext JS4的新手。我想實現的是從菜單打開文件對話框。Ext JS4如何從菜單打開文件打開對話框

我知道如果我將它創建爲如下所示的按鈕並將其添加到菜單中作爲它將工作的項目。但我不想將它作爲菜單中的按鈕添加。

var importButton = Ext.create('Ext.form.file.File', { 
    buttonOnly: true, 
    buttonText: 'Import', 
    hideLabel: true, 
    listeners: { 
     'change': function(fb, v){ 
       onImportButtonClick(fb.getValue()); 
      } 
    } 
}); 

以下是我的代碼。

var fileMenu = Ext.create('Ext.menu.Menu', { 
    width: 125, 
    maxWidth: 125, 
    padding: 0, 
    plain: false, 
    items: { 
     text: 'Import', 
     id: 'import', 
     handler: function(){ 
      //Code to open up the file dialog 
     } 
    } 
}); 

希望有人能指導我如何填寫評論部分。 非常感謝先進。

+2

我可以問你爲什麼不想讓任何方式按鈕作爲一個真正的按鈕?不要誤解我的意思,但這就是Button的要點。如果你設法用菜單組件做到這一點,要麼你必須把它封裝在一個新組件中,否則你會在代碼中發生一些嚴重的黑客攻擊。 – 2012-03-15 11:36:42

+0

只是個人的東西,我覺得它看起來很奇怪,菜單上有一個按鈕。我希望只是一些配置,我需要設置文件對話框合併到菜單中。 如果需要一些嚴重的黑客和削減,那麼我想我會只是生活與按鈕.. LOL還是要謝謝你 – Nivek 2012-03-16 07:16:21

+0

這是受到瀏覽器的安全限制,只有通過點擊文件輸入組件將打開文件對話框中所示。 – 2012-03-16 12:28:23

回答

0

我想你可以在這裏找到答案 open file dialog box in javascript

通常我這才發覺自定義文件共享站點上的某些「文件上傳」菜單的好辦法。

0

使用PLUpload

,那麼你可以上傳多個文件,如果你想在客戶端上調整圖像,並顯示您上傳「按鈕」你想