Our blazing fast Grid component built with pure JavaScript


Post by thejas.pateel »

Hi,
My project having requirement to upload image ....how to achieve this in bryntum please give step by step approach with clear understandable code snippet . please create project and show if possible


Post by alex.l »

Hi thejas.pateel,

Your question is very general.
We have FileField widget here https://bryntum.com/products/grid/docs/api/Core/widget/FileField and https://bryntum.com/products/grid/docs/api/Core/widget/FilePicker that you can put into https://bryntum.com/products/grid/docs/api/Grid/column/WidgetColumn

Or you can use a Button in WidgetColumn to achieve that and open a dialog on click
https://bryntum.com/products/grid/docs/api/Core/widget/Button

const grid = new Grid({
    appendTo : targetElement,
    
// ... columns : [ // ... { type : 'widget', text : 'Button column', width : 140, widgets : [{ type : 'button', cls : 'b-raised', text : 'Upload image', flex : 1, onClick : ({ source: btn }) => { const { record } = btn.cellInfo; // your upload image code } }] } ]

For upload image code, I am afraid, it's out of bounds of Bryntum support, it doesn't related to our components and depends on many aspects: the way how do you store files data on backend, what database you used, and others.
I suggest you to google it, it's a JavaScript and not Bryntum.

If you have more specific questions related to using components in a cell or like that, please do not hesitate to ask.

All the best,
Alex


Post Reply