Ext JS4如何从菜单打开文件打开对话框

问题描述:

我是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

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

通常我这才发觉自定义文件共享站点上的某些“文件上传”菜单的好办法。

使用PLUpload

,那么你可以上传多个文件,如果你想在客户端上调整图像,并显示您上传“按钮”你想