RadiantQ jQuery Gantt Package
FlexyTable Editing
Previous Topic  Next Topic 

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.