没有合适的资源?快使用搜索试试~ 我知道了~
ExtJS 4.2 多文件上传 前端
3星 · 超过75%的资源 需积分: 31 21 下载量 15 浏览量
2015-10-28
11:43:42
上传
评论
收藏 15KB TXT 举报
温馨提示
试读
10页
用Ext编写的多文件上传组件,已封装。 支持多文件上传,文件下载,文件删除。
资源推荐
资源详情
资源评论
Ext.define('ZcWeb.component.form.UpDownLoadPanel', {
extend: 'Ext.form.Panel',
alias: 'widget.zcupdownloadpanel',
zc_billIndex: 0,
o_gridStore: false,
o_gridPanel: false,
p_deleteFiles:'',
constructor: function (config) {
var me = this;
me.o_gridStore = new Ext.data.Store({
fields: [{ name: 'FFuJianName', type: 'string', iszcField: true },
{ name: 'FFuJianServerFileName', type: 'string', iszcField: true },
{ name: 'FFileMimeType', type: 'string', iszcField: true },
{ name: 'FFilePath', type: 'string', iszcField: true },
{ name: 'FFileInputID', type: 'string', iszcField: true }],
autoDestroy: true,
proxy: {
type: 'ajax',
url: '../Home/GetDataUserSql',
timeout: 90000,
reader: {
type: 'json',
root: 'data',
totalProperty: 'totalCount'
},
listeners: {
scope: this,
exception: function (sender, response, operation, eOpts) {
if (operation.error) {
extend: 'Ext.form.Panel',
alias: 'widget.zcupdownloadpanel',
zc_billIndex: 0,
o_gridStore: false,
o_gridPanel: false,
p_deleteFiles:'',
constructor: function (config) {
var me = this;
me.o_gridStore = new Ext.data.Store({
fields: [{ name: 'FFuJianName', type: 'string', iszcField: true },
{ name: 'FFuJianServerFileName', type: 'string', iszcField: true },
{ name: 'FFileMimeType', type: 'string', iszcField: true },
{ name: 'FFilePath', type: 'string', iszcField: true },
{ name: 'FFileInputID', type: 'string', iszcField: true }],
autoDestroy: true,
proxy: {
type: 'ajax',
url: '../Home/GetDataUserSql',
timeout: 90000,
reader: {
type: 'json',
root: 'data',
totalProperty: 'totalCount'
},
listeners: {
scope: this,
exception: function (sender, response, operation, eOpts) {
if (operation.error) {
if (operation.error.status == 404) {
ZC_Message_Error('加载单据附件错误,请求地址未找到!');
}
else
ZC_Message_Error('加载单据附件错误,错误信息:<br />' + operation.error.statusText);
}
else {
var _errorserverjson = Ext.decode(response.responseText, true);
if (_errorserverjson == null) {
ZC_Message_Error('加载单据附件错误!');
}
else
ZC_Message_Error('加载单据附件错误,错误信息:<br />' + _errorserverjson.error);
}
}
}
}
});
me.o_gridPanel = new Ext.grid.Panel({
store: me.o_gridStore,
frame: false,
border: 0,
columnLines: true,
columns: [{ xtype: 'rownumberer' },
{ align: 'center', text: "附件名称", dataIndex: 'FFuJianName', width: 350, sortable: false, renderer: function (value) { return '<div style="vertical-align: middle; text-align: left; height: 100%">' + value + '</div>'; } },
{ align: 'center', text: "文件路径", dataIndex: 'FFilePath', width: 250, sortable: false, renderer: function (value) { return '<div style="vertical-align: middle; text-align: left; height: 100%">' + value + '</div>'; } }],
viewConfig: { loadingText: '正在加载数据...' },
tbar: [{
text: '添加附件',
handler: function () {
ZC_Message_Error('加载单据附件错误,请求地址未找到!');
}
else
ZC_Message_Error('加载单据附件错误,错误信息:<br />' + operation.error.statusText);
}
else {
var _errorserverjson = Ext.decode(response.responseText, true);
if (_errorserverjson == null) {
ZC_Message_Error('加载单据附件错误!');
}
else
ZC_Message_Error('加载单据附件错误,错误信息:<br />' + _errorserverjson.error);
}
}
}
}
});
me.o_gridPanel = new Ext.grid.Panel({
store: me.o_gridStore,
frame: false,
border: 0,
columnLines: true,
columns: [{ xtype: 'rownumberer' },
{ align: 'center', text: "附件名称", dataIndex: 'FFuJianName', width: 350, sortable: false, renderer: function (value) { return '<div style="vertical-align: middle; text-align: left; height: 100%">' + value + '</div>'; } },
{ align: 'center', text: "文件路径", dataIndex: 'FFilePath', width: 250, sortable: false, renderer: function (value) { return '<div style="vertical-align: middle; text-align: left; height: 100%">' + value + '</div>'; } }],
viewConfig: { loadingText: '正在加载数据...' },
tbar: [{
text: '添加附件',
handler: function () {
剩余9页未读,继续阅读
资源评论
- 炒不熟的土豆丝2019-08-29真贵啊,就一个记事本文件,能退积分吗?
lixin511
- 粉丝: 30
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功