2013-05-17 5 views
1

나는 거기에 메뉴 항목과 도구 모음을 만들었습니다manu에서 extjs 4.2의 파일 트리에 파일을 추가하는 방법?

Ext.create('Ext.toolbar.Toolbar', { 
    renderTo: document.body, 
    padding: '30 0 0 0', 
    width : '100%', 
    items: [ 
     { 
      xtype: 'splitbutton', 
      text : 'File', 
      menu: Ext.create('Ext.menu.Menu', { 
        width: 200, 
        margin: '0 0 10 0', 
        items: [ 
         { 
          text: 'Import', 
          // code here 
         } 
        ] 
      }) 
     } 
    ] 
}); 

그래서 내가 뭘하려고 오전 단지 파일 -> 열기처럼 가져 오기 버튼을 사용할 수있게하는 것입니다.
xtype: 'filebutton'을 추가 할 수 있지만 텍스트 필드가있는 찾아보기 버튼이 표시됩니다.
또한 사용자가 특정 파일 확장자 만 선택할 수 있도록하고 싶습니다. 파일을 선택한 후 (열기를 클릭) 내 파일 트리에 내 viewport에 추가하려고합니다.

도움 주셔서 감사합니다.

답변

0

xtype: 'fileuploadfield'을 사용하고 파일 이름/텍스트 필드를 숨겨서 알아 냈습니다.

xtype: 'fileuploadfield', 
buttonText : 'Open', 
buttonOnly: true, 

매우 간단합니다. toolbar을 만들고이 코드를 item 필드에 입력하기 만하면됩니다.