The jQuery Gantt widget supports editing the task's properties, in-line, within the FlexyTable. The following step illustrates how to setup editing in the FlexyTable.
Input is the default editor. you can change that by setting the editor template.
var columns = [ { field: "Name", title: "Name", //RadiantQ.Default.Template.FlexyGanttExpandableTextBoxEditor returns a pre-designed template(with an expander cue and input). editor: RadiantQ.Default.Template.FlexyGanttExpandableTextBoxEditor("nameConverter"), template: RadiantQ.Default.Template.FlexyGanttExpandableTextBlockTemplate("nameConverter") }]; // An optional nameConverter global method in case the Name cell has to show values from different kinds of objects in the bound hierarchy (like Project, Task, etc.). var nameConverter = function (flexyNodeData, value) { var data; // The grid calls this converter with flexyNodeData as the arg. if (flexyNodeData.Data) data = flexyNodeData.Data(); // The tooltip calls this converter with bound data as the arg. else data = flexyNodeData; if (data["PName"]) return data["PName"]; else if (data["TaskName"]) return data["TaskName"]; return; } |
For ASP.NET and ASP.NET MVC project, do the above steps in AfterGanttWidgetInitializedCallback function.
This is illustrated in these samples:
In HTML : All FlexyGantt samples.
In ASP.NET MVC : All FlexyGantt samples.
In ASP.NET : All FlexyGantt samples.
© RadiantQ 2022. All Rights Reserved.