layui 表格操作匯入檔案
html:
<div id="testInfoLayTable">
<table id="test-Table" lay-filter="test-Table" class="layui-table"></table>
</div>
js:
var tableId = 'test-Table';
table.render({
id: tableId,
elem: '#test-Table',
url: _config.base_server + '/data/test/test',
where: whereParam,
method: 'GET',
page: true,
skin: "nob",
cols: [[
{type: 'numbers', width: '5%'},
{
field: 'fileName', title: '檔名稱'
, minWidth: 340
},
{
field: 'createDate', title: '建立時間'
, minWidth: 140
},
{
align: 'right', title: i18nSys['sys.table.title.operation'], minWidth: 180
, templet: function (d) {
var downloadBtn = '';
var importBtn = '';
var sendBtn = '';
if (admin.haveAuth('data:test:download')) {
downloadBtn =
'<a class="row-edit tb-action-line hint--left" lay-event="download" aria-label="下載">' +
'<i class="tb-action-line-icon iconfont iconicon-xiazai"/>' +
'</a>';
}
if (admin.haveAuth('data:test:import')) {
importBtn =
'<a class="row-edit tb-action-line hint--left uploadTableInfo" lay-event="import" aria-label="匯入" value="' + d.id + ',' + d.fileName + '">' +
'<i class="tb-action-line-icon iconfont iconshangzhangxiadiejiantou"/>' +
'</a>';
}
if (admin.haveAuth('data:test:sendEmail')) {
sendBtn =
'<a class="row-edit tb-action-line hint--left" lay-event="send" aria-label="傳送郵件">' +
'<i class="tb-action-line-icon iconfont iconfabuzhongxin1"/>' +
'</a>';
}
if ((downloadBtn + importBtn + sendBtn) === '') {
return _i18n.getGlobalVal('layui.operation.tips.noPermission');
} else {
return downloadBtn + importBtn + sendBtn;
}
}
}
]], done: function (res, curr, count) {
admin.checkResponseData(res);
//分頁條國際化
_i18n.initPageBar();
admin.bindTipsToTable(); // 給表格單元格繫結滑鼠hover 時tips
admin.fixEmptyTable('#' + tableId);
// 工具條點選事件
table.on('tool(test-Table)', function (obj) {
var data = obj.data; //獲得當前行資料
// var layEvent = obj.event; //獲得 lay-event 對應的值(也可以是表頭的 event 引數對應的值)
// var tr = obj.tr; //獲得當前行 tr 的 DOM 物件(如果有的話)
if (obj.event === 'download') {
download(data);
} else if (obj.event === 'import') {
// doImport(data);
} else if (obj.event === 'send') {
doSend(obj);
}
});
var uploadParam = {}
var fileName = '';
upload.render({
elem: '.uploadTableInfo'
, url: _config.base_server + '/data/test/updateFile' //上傳介面
, accept: 'file'
, exts: 'xlsx'
, multiple: false
, before: function (obj) {
var fileName = "";
var files = this.files = obj.pushFile();
for(var key in files){
fileName = files[key].name;
}
var tableElem = this.item;
uploadParam.id = tableElem.attr('value').split(',')[0];
uploadParam.fileName = tableElem.attr('value').split(',')[1];
uploadParam.nowName = fileName;
layer.load();
}
, data: {
id: function () {
return uploadParam.id;
},
fileName: function () {
return uploadParam.fileName;
},
nowName: function () {
return uploadParam.nowName;
},
}
, done: function (data) {
layer.close('loading');
// var data = res.data;
if (data.code === '0') {
admin.toast({txt: data.msg, type: 'success'});
table.reload('test-Table');
}else{
admin.toast({txt: data.msg, type: 'error'});
}
}, error: function () {
layer.closeAll(); //關閉loading
layer.open({
title: '資訊',
content: '檔案上傳失敗,請重試'
});
}
})
}
});
相關文章
- layui 資料表格匯出UI
- 頁面佈局 layui與 layui的匯入UI
- 匯入excel檔案Excel
- oracle匯入dmp檔案win10怎麼操作_win10系統oracle如何匯入dmp檔案OracleWin10
- (十一)Electron 匯入匯出檔案
- navicat匯入sql檔案SQL
- easyExcel分批匯入檔案Excel
- EEGlab匯入.mat檔案
- Mysql匯入csv檔案MySql
- Mysql匯入本地檔案MySql
- vue + element + 匯入、匯出excel表格VueExcel
- 將 crt 檔案匯入到 jks 檔案 -cg
- SQLServer匯入大CSV檔案SQLServer
- Java POI匯入Excel檔案JavaExcel
- Python-檔案的匯入Python
- js 匯入json配置檔案JSON
- EasyExcel完成excel檔案的匯入匯出Excel
- Navicat如何匯入和匯出sql檔案SQL
- java 匯入到EXCEL表格JavaExcel
- SQLSERVER匯出TXT文字檔案,ORACLE SQL LOADER匯入TXT文字檔案SQLServerOracle
- python 檔案操作入門Python
- 如何使用JavaScript匯入和匯出Excel檔案JavaScriptExcel
- MATLAB匯入txt和excel檔案技巧彙總:批量匯入、單個匯入MatlabExcel
- 使用 Angular Shortcut 匯入 style 檔案Angular
- python - PyOpenGL 如何匯入 obj 檔案?PythonOBJ
- 向mysql中匯入.sql檔案MySql
- Spring Boot @PropertySource 載入指定配置檔案、@ImportResource 匯入Spring 配置檔案Spring BootImport
- Premiere Pro模板匯入教程 如何匯入.mogrt檔案?REM
- layui資料表格搜尋UI
- Layui表格日期格式顯示UI
- import匯入檔案路徑注意點Import
- .sql檔案匯入到sql server中SQLServer
- vue 匯入.md檔案(markdown轉HTML)VueHTML
- python 如何匯入同級.py檔案Python
- ASP.NET MVC 匯入Excel檔案ASP.NETMVCExcel
- 匯入sql檔案出現亂碼SQL
- Mysql匯出檔案及備份操作筆記MySql筆記
- EasyPoi框架實現Excel表格匯入框架Excel