file()
始於:Editor 1.5
取得關於已上傳檔案的資訊。
請注意 - 此屬性需要 DataTables 的 Editor 擴充功能。
描述
此方法是 file()
方法的別名,接受完全相同的參數並返回相同的結果。為了方便起見,在更容易使用 DataTables API 方法而不是 Editor 的情況下,DataTables API 上提供了這個別名。
請參閱 file()
文件以獲取此方法的完整詳細資訊。
類型
範例
使用 file()
在 DataTable 欄位和 Editor 表單中顯示影像
$(document).ready(function () {
var editor = new DataTable.Editor({
ajax: '../php/upload.php',
table: '#example',
fields: [
{
label: 'First name:',
name: 'users.first_name'
},
{
label: 'Last name:',
name: 'users.last_name'
},
{
label: 'Image:',
name: 'users_files.fileId',
type: 'upload',
display: function (fileId) {
return '<img src="' + table.file('files', fileId).web_path + '"/>';
}
}
]
});
var table = new DataTable('#myTable', {
ajax: '../php/upload.php',
columns: [
{ data: 'users.first_name' },
{ data: 'users.last_name' },
{ data: 'users.phone' },
{ data: 'sites.name' },
{
data: 'users_files.fileId',
render: function (fileId) {
return fileId
? '<img src="' + table.file('files', fileId).web_path + '"/>'
: 'No image';
}
}
],
layout: {
topStart: {
buttons: [
{ extend: 'create', editor: editor },
{ extend: 'edit', editor: editor },
{ extend: 'remove', editor: editor }
]
}
},
select: true
});
});
相關
以下選項直接相關,也可能在您的應用程式開發中很有用。