java extjs 展示文件_Extjs文件选择器

亦凉 2022-11-03 04:15 140阅读 0赞

/\*\*

\* Ext.hoo.component.FileBrowserWindow 系统文件浏览选择组件，可以选定电脑上的文件或文件夹

\* @author: hoojo

\* @createDate 2010-10-17

\* @email: hoojo\_@126.com

\* @blog: http://blog.csdn.net/IBM\_hoojo

\* @ext\_lib: v2.2

\* @version 1.0\*/Ext.ns("Ext.hoo.component");

Ext.hoo.component.FileBrowserWindow=Ext.extend(Ext.Window, \{

constructor:function(config) \{

config= config ||\{\};

Ext.apply(this, config);this.tree = newExt.hoo.tree.FileSystemTree();

Ext.hoo.component.FileBrowserWindow.superclass.constructor.call(this, \{

renderTo: Ext.getBody(),

width:300,

height:300,

frame:true,

layout:"fit",

border:false,

title:"请选择",

items:this.tree,

buttons: \[\{

text:"新建",

disabled:true,

handler:this.onNewHandler,

scope:this\}, \{

text:"确定",

disabled:true,

handler:this.onOkHandler,

scope:this\}, \{

text:"取消",

handler:function() \{this.hide(Ext.getBody());

\},

scope:this\}\]

\});

\},

onNewHandler:function() \{this.setPath();this.setFile();

Ext.Msg.prompt("新建文件", "请输入文件夹名称", this.onCreateDir, this);

\},

onOkHandler:function() \{this.setPath();this.setFile();

Ext.Msg.alert("路径", this.getPath());

\},

onCreateDir:function(btn, text) \{if (btn == "ok") \{var path = this.getPath();var node = this.getFile();var dirName =text;if (!!path && !!dirName) \{//本地添加模式

/\*var newNode = new Ext.tree.AsyncTreeNode(\{

text: dirName,

path: node.attributes.path + "/" + dirName

\});

node.expand(true, true);

node.appendChild(newNode);\*/

//远程加载模式

Ext.Ajax.request(\{

url: Ext.hoo.tree.FileSystemTree.TREE\_CREATE\_DIR\_URL,

params: \{path: encodeURIComponent(path), dirName: encodeURIComponent(dirName)\},//处理中文文件名，乱码问题

success: function(response, options) \{var returnNnode =Ext.decode(response.responseText);

node.appendChild(returnNnode);

node.expand(true);

\},

failure:function(response) \{

Ext.Msg.alert("程序异常", response.responseText);

\});

\},

setPath:function() \{this.path = this.tree.getSelectedNode().attributes.path || "";

\},

setFile:function() \{this.nodeFile = this.tree.getSelectedNode() ||\{\};

\},

getPath:function() \{return this.path;

\},

getFile:function() \{return this.nodeFile;

\});/\*\*

\* Ext.hoo.component.FileBrowserPanel 系统文件浏览选择组件，可以选定电脑上的文件或文件夹

\* 不同于上面的是，这里是一个panel。有时候弹出window，并不能达到预想的效果。特别是window弹出在

\* iframe中的Object对象上面，如：在播放器上面弹出此组件，拖动windwo的效果不理想。

\* 这时就需要用模态，模态嵌入FileBrowserPanel组件即可

\* @author: hoojo

\* @createDate 2010-10-17

\* @email: hoojo\_@126.com

\* @blog: http://blog.csdn.net/IBM\_hoojo

\* @ext\_lib: v2.2

\* @version 1.0\*/Ext.hoo.component.FileBrowserPanel=Ext.extend(Ext.Panel, \{

constructor:function(config) \{

config= config ||\{\};

Ext.apply(this, config);this.tree = newExt.hoo.tree.FileSystemTree();

Ext.hoo.component.FileBrowserPanel.superclass.constructor.call(this, \{

renderTo: Ext.getBody(),

border:false,

width:300,

height:400,

layout:"fit",

title:"请选择",

items:this.tree,

buttons: \[\{

text:"新建",

disabled:true,

handler:this.onNewHandler,

scope:this\}, \{

text:"确定",

disabled:true,

handler:function() \{this.path = this.tree.getSelectedNode().attributes.path || "";this.nodeFile = this.tree.getSelectedNode() ||\{\};//window.returnValue = this.path;

//window.close();

Ext.Msg.alert("路径", this.path);

\},

scope:this\}, \{

text:"取消",

handler:function() \{this.hide(Ext.getBody());//window.close();

\},

scope:this\}\]

\});

\},

onNewHandler:function() \{this.setPath();this.setFile();

Ext.Msg.prompt("新建文件", "请输入文件夹名称", this.onCreateDir, this);

\},

onCreateDir:function(btn, text) \{if (btn == "ok") \{var path = this.getPath();var node = this.getFile();var dirName =text;if (!!path && !!dirName) \{//本地添加模式

/\*var newNode = new Ext.tree.AsyncTreeNode(\{

text: dirName,

path: node.attributes.path + "/" + dirName

\});

node.expand(true, true);

node.appendChild(newNode);\*/

//远程加载模式

Ext.Ajax.request(\{

url: Ext.hoo.tree.FileSystemTree.TREE\_CREATE\_DIR\_URL,

params: \{path: encodeURIComponent(path), dirName: encodeURIComponent(dirName)\},//处理中文文件名，乱码问题

success: function(response, options) \{var returnNnode =Ext.decode(response.responseText);

node.appendChild(returnNnode);

node.expand(true, true);

\},

failure:function(response) \{

Ext.Msg.alert("程序异常", response.responseText);

\});

\},

setPath:function() \{this.path = this.tree.getSelectedNode().attributes.path || "";

\},

setFile:function() \{this.nodeFile = this.tree.getSelectedNode() ||\{\};

\},

getPath:function() \{return this.path;

\},

getFile:function() \{return this.nodeFile;

\});/\*\*

\* Ext.hoo.tree.FileSystemTree 系统文件树，显示所有的文件

\* @author: hoojo

\* @createDate 2010-10-17

\* @email: hoojo\_@126.com

\* @blog: http://blog.csdn.net/IBM\_hoojo

\* @ext\_lib: v2.2

\* @version 1.0\*/Ext.ns("Ext.hoo.tree");

Ext.hoo.tree.FileSystemTree=Ext.extend(Ext.tree.TreePanel, \{

constructor:function() \{

Ext.hoo.tree.FileSystemTree.superclass.constructor.call(this, \{//rootVisible: false,

autoScroll: true,

root:newExt.tree.AsyncTreeNode(\{

text:"My System Files",

id:"0",

path:"root",

children:\[\]

\}),

listeners: \{

expandnode: \{

fn:this.onExpandNode,

scope:this\}

\});

\},

onExpandNode:function(node) \{//只对未加载过的添加子结点，加载后不在重复加载；避免增加请求，浪费资源

if (!node.attributes.isLoad) \{

Ext.Ajax.request(\{

url: Ext.hoo.tree.FileSystemTree.TREE\_DATA\_URL,

params: \{path: encodeURIComponent(node.attributes.path)\},//处理中文文件名，乱码问题

success: function(response, options) \{

node.attributes.isLoad= true;//设置加载标示

var nodes =Ext.decode(response.responseText);

node.appendChild(nodes);

\},

failure:function(response) \{

Ext.Msg.alert("程序异常", response.responseText);

\});

\},

getSelectedNode:function() \{return this.getSelectionModel().getSelectedNode();

\});

Ext.hoo.tree.FileSystemTree.TREE\_CREATE\_DIR\_URL= 'browserfile.app?dateTime=' + new Date().getTime() + '&subTranCode=mkDir';//Ext.hoo.tree.FileSystemTree.TREE\_DATA\_URL = "http://localhost:8080/Test/FileBrowser?method=getData";

Ext.hoo.tree.FileSystemTree.TREE\_DATA\_URL = 'browserfile.app?dateTime=' + new Date().getTime() + '&subTranCode=getData';//Ext.hoo.tree.FileSystemTree.TREE\_DATA\_URL = "FileBrowser?method=getData";