{
text : 'Widget',
field : 'age',
width : 100,
type : 'widget',
widgets : [{
type : 'filepicker',
}]
}
Could you please give some example?
{
text : 'Filepicker',
field : 'name',
width : 100,
type : 'widget',
widgets : [
{
type : 'text'
},
{
type : 'filepicker',
valueProperty : 'value',
onChange : ({ source }) => {
// Assign first file name to record's "name" property
source.cellInfo.record.name = source.files[0].name;
// If you want to hide a badge
source.button.badge = '';
}
}]
},
import '../../lib/Common/widget/FilePicker.js';
new Grid({
appendTo : 'container',
columns : [
{
text : 'File',
field : 'file',
width : 100,
type : 'widget',
widgets : [
{
type : 'text'
},
{
type : 'filepicker',
valueProperty : 'value',
onChange : ({ source }) => {
// Assign first file name to record's "file" property
source.cellInfo.record.file = source.files[0].name;
// If you want to hide a badge
source.button.badge = '';
}
}]
}
],
store : new Store({
data : [{ file : 'empty' }],
listeners : {
change : ({ changes }) => {
console.log('changes', JSON.stringify(changes));
}
}
})
});
changes {"file":{"value":"MySelectedFileName.gif","oldValue":"empty"}}
function uploadFile(fileName) {
const formData = new FormData();
formData.append('file', fileName);
AjaxHelper.post('upload.php', formData).then(response => {
console.log(response);
});
}
<?php
try {
move_uploaded_file( $_FILES['file']['tmp_name'], $_FILES['file']['name']);
echo '{"success": true, "msg": "Upload ok!"}';
} catch (Exception $e) {
die(
json_encode(
array(
'success' => false,
'msg' => $e->getMessage()
)
)
);
}
function uploadFile(fileName) {
const formData = new FormData();
formData.append('file', fileName);
AjaxHelper.post('upload.php', formData).then(response => {
console.log(response);
});
}
<?php
try {
move_uploaded_file( $_FILES['file']['tmp_name'], $_FILES['file']['name']);
echo '{"success": true, "msg": "Upload ok!"}';
} catch (Exception $e) {
die(
json_encode(
array(
'success' => false,
'msg' => $e->getMessage()
)
)
);
}