Closed ghulamghousdev closed 3 weeks ago
Forum post
Go to lock-rows example and use this code:
lock-rows
import '../_shared/shared.js'; // not required, our example styling etc. import StringHelper from '../../lib/Core/helper/StringHelper.js'; import '../../lib/Grid/column/RowNumberColumn.js'; import Scheduler from '../../lib/Scheduler/view/Scheduler.js'; import '../../lib/Scheduler/feature/LockRows.js'; import Group from '../../lib/Grid/feature/Group.js'; const resources = [ { id : 1, name : 'Rob', type : 'Sales', eventColor : 'orange', fixed : true }, { id : 2, name : 'Mike', type : 'Sales', eventColor : 'orange', fixed : true }, { id : 3, name : 'Kate', type : 'Sales', eventColor : 'blue', fixed : true }, { id : 4, name : 'Lisa', type : 'Developer', eventColor : 'orange' }, { id : 5, name : 'Dave', type : 'Developer', eventColor : 'blue' } ]; const scheduler = new Scheduler({ appendTo : 'container', crudManager : { autoLoad : true, resourceStore : { fields : [{ name : 'fixed', type : 'boolean' }] } }, columns : [ { text : 'Name', field : 'name', width : 200 }, { type : 'check', text : 'Fixed', field : 'fixed', width : 200 } ], features : { regionResize : false, lockRows : { field : 'fixed' }, group : { type : `group`, field : `name` } }, tbar : { items : { applyFilter : { type : 'button', text : 'apply filter', onClick : () => { scheduler.resourceStore.filterBy((record) => record?.favorite); } }, loadData : { type : 'button', text : 'load resources', onClick : () => { scheduler.resourceStore.add(resources); } } } } });
https://github.com/user-attachments/assets/07e1b9a6-1d03-4d5c-8fb3-217b739ccaf6
Forum post
Go to
lock-rows
example and use this code:https://github.com/user-attachments/assets/07e1b9a6-1d03-4d5c-8fb3-217b739ccaf6