dojox/gantt/TabMenu.js

  • Provides:

    • dojox.gantt.TabMenu

  • Requires:

    • dijit.dijit in common in project dijit
    • dijit.Menu in common in project dijit
    • dijit.Dialog in common in project dijit
    • dijit.form.NumberSpinner in common in project dijit
    • dijit.form.Button in common in project dijit
    • dijit.form.CheckBox in common in project dijit
    • dijit.form.DateTextBox in common in project dijit
    • dijit.form.TimeTextBox in common in project dijit
    • dojo.date.locale in common in project dojo
    • dijit.form.Form in common in project dijit
    • dojo.parser in common in project dojo

  • dojox.gantt.TabMenu

    • type
      Function
    • parameters:
      • chart: (typeof )
    • source: [view]
         this.ganttChart = chart;
         this.menuPanel = null;
         this.paneContentArea = null;
         this.paneActionBar = null;
         this.tabPanelDlg = null;
         this.tabPanelDlgId = null;
         this.arrTabs = [];
         this.isShow = false;
         this.buildContent();
    • summary
  • dojox.gantt.TabMenu.buildContent
       
    • type
      Function
    • source: [view] 
                    
      

                       this.createMenuPanel();
         this.createTabPanel();

         
         //tasks customization
         var taskSucAdd = this.createTab(11, "Add Successor Task", "t", true, this);
         taskSucAdd.addItem(1, "Id", "id", true);
         taskSucAdd.addItem(2, "Name", "name");
         taskSucAdd.addItem(3, "Start Time", "startTime");
         taskSucAdd.addItem(4, "Duration (hours)", "duration");
         taskSucAdd.addItem(5, "Percent Complete (%)", "percentage");
         taskSucAdd.addItem(6, "Task Assignee", "taskOwner");
         taskSucAdd.addAction("addSuccessorTaskAction");

         
         var taskChildAdd = this.createTab(10, "Add Child Task", "t", true, this);
         taskChildAdd.addItem(1, "Id", "id", true);
         taskChildAdd.addItem(2, "Name", "name");
         taskChildAdd.addItem(3, "Start Time", "startTime");
         taskChildAdd.addItem(4, "Duration (hours)", "duration");
         taskChildAdd.addItem(5, "Percent Complete (%)", "percentage");
         taskChildAdd.addItem(6, "Task Assignee", "taskOwner");
         taskChildAdd.addAction("addChildTaskAction");

         
         var taskDuration = this.createTab(4, "Set Duration(hours)", "t", true, this, true);
         taskDuration.addItem(1, "Duration (hours)", "duration", true);
         taskDuration.addAction("durationUpdateAction");

         
         var taskCP = this.createTab(5, "Set Complete Percentage (%)", "t", true, this, true);
         taskCP.addItem(1, "Percent Complete (%)", "percentage", true);
         taskCP.addAction("cpUpdateAction");

         
         var taskOwner = this.createTab(20, "Set Owner", "t", true, this, true);
         taskOwner.addItem(1, "Task Assignee", "taskOwner", true);
         taskOwner.addAction("ownerUpdateAction");

         
         var taskPrevious = this.createTab(13, "Set Previous Task", "t", true, this);
         taskPrevious.addItem(1, "Previous Task Id", "previousTaskId", true);
         taskPrevious.addAction("ptUpdateAction");

         
         var taskRename = this.createTab(1, "Rename Task", "t", true, this, true);
         taskRename.addItem(1, "New Name", "name", true);
         taskRename.addAction("renameTaskAction");

         
         var taskDelete = this.createTab(2, "Delete Task", "t", true, this);
         taskDelete.addAction("deleteAction");

         
         //projects customization
         var projectAdd = this.createTab(12, "Add New Project", "p", false, this);
         projectAdd.addItem(1, "Id", "id", true);
         projectAdd.addItem(2, "Name", "name", true);
         projectAdd.addItem(3, "Start Date", "startDate", true);
         projectAdd.addAction("addProjectAction");

         
         var projectCP = this.createTab(8, "Set Complete Percentage (%)", "p", true, this, true);
         projectCP.addItem(1, "Percent Complete (%)", "percentage", true);
         projectCP.addAction("cpProjectAction");

         
         var projectRename = this.createTab(6, "Rename Project", "p", true, this, true);
         projectRename.addItem(1, "New Name", "name", true);
         projectRename.addAction("renameProjectAction");

         
         var projectDelete = this.createTab(7, "Delete Project", "p", true, this);
         projectDelete.addAction("deleteProjectAction");

         
         //task relative
         var projectTaskAdd = this.createTab(9, "Add New Task", "p", true, this);
         projectTaskAdd.addItem(1, "Id", "id", true);
         projectTaskAdd.addItem(2, "Name", "name");
         projectTaskAdd.addItem(3, "Start Time", "startTime");
         projectTaskAdd.addItem(4, "Duration (hours)", "duration");
         projectTaskAdd.addItem(5, "Percent Complete (%)", "percentage");
         projectTaskAdd.addItem(6, "Task Assignee", "taskOwner");
         projectTaskAdd.addItem(7, "Parent Task Id", "parentTaskId");
         projectTaskAdd.addItem(8, "Previous Task Id", "previousTaskId");
         projectTaskAdd.addAction("addTaskAction");
                    
      
                    
    • summary
  • dojox.gantt.TabMenu.createMenuPanel
       
    • type
      Function
    • source: [view] 
                    
      

                       this.menuPanel = dojo.create("div", {
          innerHTML: "
      ",
          className: "ganttMenuPanel"
         }, this.ganttChart.content);
         dojo.addClass(this.menuPanel.firstChild, "ganttContextMenu");
         this.menuPanel.firstChild.cellPadding = 0;
         this.menuPanel.firstChild.cellSpacing = 0;
                    
      
                    
    • summary
  • dojox.gantt.TabMenu.createTabPanel
       
    • type
      Function
    • source: [view] 
                    
      

                       this.tabPanelDlg = dijit.byId(this.tabPanelDlgId) ||
          new dijit.Dialog({
           title: "Settings"
          });
         this.tabPanelDlgId = this.tabPanelDlg.id;
         this.tabPanelDlg.closeButtonNode.style.display = "none";
         var tabPanel = this.tabPanelDlg.containerNode;
         this.paneContentArea = dojo.create("div", {className: "dijitDialogPaneContentArea"}, tabPanel);
         this.paneActionBar = dojo.create("div", {className: "dijitDialogPaneActionBar"}, tabPanel);
         this.paneContentArea.innerHTML = "
      ";
         var headerCell = this.paneContentArea.firstChild.rows[0].cells[0];
         headerCell.colSpan = 2;
         headerCell.innerHTML = "Description: ";
         dojo.addClass(headerCell, "ganttDialogContentHeader");
         var contentCell = this.paneContentArea.firstChild.rows[1].cells[0];
         contentCell.innerHTML = "
      ";
         dojo.addClass(contentCell.firstChild, "ganttDialogContentCell");
         contentCell.align = "center";
         this.ok = new dijit.form.Button({label: "OK"});
         this.cancel = new dijit.form.Button({label: "Cancel"});
         this.paneActionBar.appendChild(this.ok.domNode);
         this.paneActionBar.appendChild(this.cancel.domNode);
                    
      
                    
    • summary
  • dojox.gantt.TabMenu.addItemMenuPanel
       
    • type
      Function
    • parameters: 
      • tab: (typeof )
    • source: [view] 
                    
      

                       var row = this.menuPanel.firstChild.insertRow(this.menuPanel.firstChild.rows.length);
         var cell = dojo.create("td", {
          className: "ganttContextMenuItem",
          innerHTML: tab.Description
         });
         dojo.attr(cell, "tabIndex", 0);
         this.ganttChart._events.push(
          dojo.connect(cell, "onclick", this, function(){
           try{
            this.hide();
            tab.show();
           }catch(e){
            console.log("dialog open exception: " + e.message);
           }
          })
         );
         this.ganttChart._events.push(
          dojo.connect(cell, "onkeydown", this, function(e){
           if(e.keyCode != dojo.keys.ENTER){return;}
           try{
            this.hide();
            tab.show();
           }catch(e){
            console.log("dialog open exception: " + e.message);
           }
          })
         );
         this.ganttChart._events.push(
          dojo.connect(cell, "onmouseover", this, function(){
           dojo.addClass(cell, "ganttContextMenuItemHover");
          })
         );
         this.ganttChart._events.push(
          dojo.connect(cell, "onmouseout", this, function(){
           dojo.removeClass(cell, "ganttContextMenuItemHover");
          })
         );
         row.appendChild(cell);
                    
      
                    
    • summary
  • dojox.gantt.TabMenu.show
       
    • type
      Function
    • parameters: 
      • elem: (typeof )
      • object: (typeof )
    • source: [view] 
                    
      

                       if(object.constructor == dojox.gantt.GanttTaskControl){
          dojo.forEach(this.arrTabs, function(tab){
           if(tab.type == "t"){
            tab.object = object;
            this.addItemMenuPanel(tab);
           }
          }, this);
         }else if(object.constructor == dojox.gantt.GanttProjectControl){
          dojo.forEach(this.arrTabs, function(tab){
           if(tab.type == "p"){
            tab.object = object;
            this.addItemMenuPanel(tab);
           }
          }, this);
         }
         this.isShow = true;
         dojo.style(this.menuPanel, {
          zIndex: 15,
          visibility: "visible"
         });
         //make sure menu box inside gantt's bounding box
         var menuBox = dojo.position(this.menuPanel, true),
          bBox = dojo.position(this.ganttChart.content, true),
          pos = dojo.coords(elem, true);
         if((pos.y + menuBox.h) > (bBox.y + bBox.h + 50)){
          this.menuPanel.style.top = pos.y - menuBox.h + pos.h + "px";
         }else{
          this.menuPanel.style.top = pos.y + "px";
         }
         if(dojo._isBodyLtr()){
          this.menuPanel.style.left = pos.x + pos.w + 5 + "px";
         }else{
          this.menuPanel.style.left = pos.x - menuBox.w - 5 + "px";
         }
                    
      
                    
    • summary
  • dojox.gantt.TabMenu.hide
       
    • type
      Function
    • source: [view] 
                    
      

                       this.isShow = false;
         this.menuPanel.style.visibility = "hidden";
                    
      
                    
    • summary
  • dojox.gantt.TabMenu.clear
       
    • type
      Function
    • source: [view] 
                    
      

                       this.menuPanel.removeChild(this.menuPanel.firstChild);
         this.menuPanel.innerHTML = "
      ";
         dojo.addClass(this.menuPanel.firstChild, "ganttContextMenu");
         this.menuPanel.firstChild.cellPadding = 0;
         this.menuPanel.firstChild.cellSpacing = 0;
                    
      
                    
    • summary
  • dojox.gantt.TabMenu.createTab
       
    • type
      Function
    • parameters: 
      • id: (typeof )
      • desc: (typeof )
      • type: (typeof )
      • showOInfo: (typeof )
      • menu: (typeof )
      • withDefaultValue: (typeof )
    • source: [view] 
                    
      

                       var tab = new dojox.gantt.contextMenuTab(id, desc, type, showOInfo, menu, withDefaultValue);
         this.arrTabs.push(tab);
         return tab;
                    
      
                    
    • summary
  • dojox.gantt.TabMenu.menuPanel
       
    • summary
  • dojox.gantt.TabMenu.menuPanel.firstChild.cellPadding
       
    • summary
  • dojox.gantt.TabMenu.menuPanel.firstChild.cellSpacing
       
    • summary
  • dojox.gantt.TabMenu.tabPanelDlg
       
    • summary
  • dojox.gantt.TabMenu.tabPanelDlgId
       
    • summary
  • dojox.gantt.TabMenu.tabPanelDlg.closeButtonNode.style.display
       
    • summary
  • dojox.gantt.TabMenu.paneContentArea
       
    • summary
  • dojox.gantt.TabMenu.paneActionBar
       
    • summary
  • dojox.gantt.TabMenu.paneContentArea.innerHTML
       
    • summary
  • dojox.gantt.TabMenu.ok
       
    • summary
  • dojox.gantt.TabMenu.cancel
       
    • summary
  • dojox.gantt.TabMenu.isShow
       
    • summary
  • dojox.gantt.TabMenu.menuPanel.style.top
       
    • summary
  • dojox.gantt.TabMenu.menuPanel.style.left
       
    • summary
  • dojox.gantt.TabMenu.menuPanel.style.visibility
       
    • summary
  • dojox.gantt.TabMenu.menuPanel.innerHTML
       
    • summary
  • dojox.gantt.TabMenu.ganttChart
       
    • summary
  • dojox.gantt.TabMenu.arrTabs
       
    • summary
  • dojox.gantt.contextMenuTab
       
    • type
      Function
    • parameters: 
      • id: (typeof )
      • description: (typeof )
      • type: (typeof )
      • showOInfo: (typeof )
      • tabMenu: (typeof )
      • withDefaultValue: (typeof )
    • source: [view] 
                    
      

                       this.id = id;
         this.arrItems = [];
         this.TabItemContainer = null;
         this.Description = description;
         this.tabMenu = tabMenu;
         this.type = type;
         this.object = null;
         this.showObjectInfo = showOInfo;
         this.withDefaultValue = withDefaultValue;
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.preValueValidation
       
    • type
      Function
    • parameters: 
      • items: (typeof )
    • source: [view] 
                    
      

                       for(var i = 0; i < items.length; i++){
          var item = items[i];
          //TODO add more validation for Id, Name, .....
          if(item.required && !item.control.textbox.value){
           return false;
          }
         }
         return true;
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.encodeDate
       
    • type
      Function
    • parameters: 
      • date: (typeof )
    • source: [view] 
                    
      

                       return date.getFullYear() + "." + (date.getMonth() + 1) + "." + date.getDate();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.decodeDate
       
    • type
      Function
    • parameters: 
      • dateStr: (typeof )
    • source: [view] 
                    
      

                       var arr = dateStr.split(".");
         return (arr.length < 3) ? "" : (new Date(arr[0], parseInt(arr[1]) - 1, arr[2]));
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.renameTaskAction
       
    • type
      Function
    • source: [view] 
                    
      

                       var name = this.arrItems[0].control.textbox.value;
         if(dojo.trim(name).length <= 0){
          return;
         }
         if(!this.preValueValidation(this.arrItems)){
          return;
         }
         this.object.setName(name);
         this.hide();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.deleteAction
       
    • type
      Function
    • source: [view] 
                    
      

                       if(!this.preValueValidation(this.arrItems)){
          return;
         }
         this.object.project.deleteTask(this.object.taskItem.id);
         this.hide();
         this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.durationUpdateAction
       
    • type
      Function
    • source: [view] 
                    
      

                       var d = this.arrItems[0].control.textbox.value;
         if(!this.preValueValidation(this.arrItems)){
          return;
         }
         if(this.object.setDuration(d)){
          this.hide();
         }else{
          alert("Duration out of Range");
          return;
         }
         this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.refresh();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.cpUpdateAction
       
    • type
      Function
    • source: [view] 
                    
      

                       var p = this.arrItems[0].control.textbox.value;
         if(!this.preValueValidation(this.arrItems)){
          return;
         }
         if(this.object.setPercentCompleted(p)){
          this.hide();
         }else{
          alert("Complete Percentage out of Range");
          return;
         }
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.ownerUpdateAction
       
    • type
      Function
    • source: [view] 
                    
      

                       var to = this.arrItems[0].control.textbox.value;
         if(!this.preValueValidation(this.arrItems)){
          return;
         }
         if(this.object.setTaskOwner(to)){
          this.hide();
         }else{
          alert("Task owner not Valid");
          return;
         }
         this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.ptUpdateAction
       
    • type
      Function
    • source: [view] 
                    
      

                       var p = this.arrItems[0].control.textbox.value;
         if(!this.preValueValidation(this.arrItems)){
          return;
         }
         if(this.object.setPreviousTask(p)){
          this.hide();
         }else{
          alert("Please verify the Previous Task (" + p + ")  and adjust its Time Range");
          return;
         }
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.renameProjectAction
       
    • type
      Function
    • source: [view] 
                    
      

                       var name = this.arrItems[0].control.textbox.value;
         if(dojo.trim(name).length <= 0){
          return;
         }
         if(!this.preValueValidation(this.arrItems)){
          return;
         }
         this.object.setName(name);
         this.hide();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.deleteProjectAction
       
    • type
      Function
    • source: [view] 
                    
      

                       if(!this.preValueValidation(this.arrItems)){
          return;
         }
         this.object.ganttChart.deleteProject(this.object.project.id);
         this.hide();
         this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.cpProjectAction
       
    • type
      Function
    • source: [view] 
                    
      

                       var p = this.arrItems[0].control.textbox.value;
         if(!this.preValueValidation(this.arrItems)){
          return;
         }
         if(this.object.setPercentCompleted(p)){
          this.hide();
         }else{
          alert("Percentage not Acceptable");
          return;
         }
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.addTaskAction
       
    • type
      Function
    • source: [view] 
                    
      

                       if(!this.preValueValidation(this.arrItems)){
          return;
         }
         var id = this.arrItems[0].control.textbox.value,
          name = this.arrItems[1].control.textbox.value,
          startTime = this.decodeDate(this.arrItems[2].control.textbox.value),
          duration = this.arrItems[3].control.textbox.value,
          pc = this.arrItems[4].control.textbox.value,
          owner = this.arrItems[5].control.textbox.value,
          parentTaskId = this.arrItems[6].control.textbox.value,
          predTaskId = this.arrItems[7].control.textbox.value;
         if(dojo.trim(id).length <= 0){
          return;
         }
         if(this.object.insertTask(id, name, startTime, duration, pc, predTaskId, owner, parentTaskId)){
          this.hide();
         }else{
          alert("Please adjust your Customization");
          return;
         }
         this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.addSuccessorTaskAction
       
    • type
      Function
    • source: [view] 
                    
      

                       if(!this.preValueValidation(this.arrItems)){
          return;
         }
         var pr = this.object.project,
          id = this.arrItems[0].control.textbox.value,
          name = this.arrItems[1].control.textbox.value,
          startTime = this.decodeDate(this.arrItems[2].control.textbox.value),
          duration = this.arrItems[3].control.textbox.value,
          pc = this.arrItems[4].control.textbox.value,
          owner = this.arrItems[5].control.textbox.value;
         if(dojo.trim(id).length <= 0){
          return;
         }
         var parentTaskId = !this.object.parentTask ? "" : this.object.parentTask.taskItem.id;
         var predTaskId = this.object.taskItem.id;
         if(pr.insertTask(id, name, startTime, duration, pc, predTaskId, owner, parentTaskId)){
          this.hide();
         }else{
          alert("Please adjust your Customization");
          return;
         }
         this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.addChildTaskAction
       
    • type
      Function
    • source: [view] 
                    
      

                       if(!this.preValueValidation(this.arrItems)){
          return;
         }
         var pr = this.object.project,
          id = this.arrItems[0].control.textbox.value,
          name = this.arrItems[1].control.textbox.value,
          startTime = this.decodeDate(this.arrItems[2].control.textbox.value),
          duration = this.arrItems[3].control.textbox.value,
          pc = this.arrItems[4].control.textbox.value,
          owner = this.arrItems[5].control.textbox.value,
          parentTaskId = this.object.taskItem.id,
          predTaskId = "";
         if(dojo.trim(id).length <= 0){
          return;
         }
         if(pr.insertTask(id, name, startTime, duration, pc, predTaskId, owner, parentTaskId)){
          this.hide();
         }else{
          alert("Please adjust your Customization");
          return;
         }
         this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.addProjectAction
       
    • type
      Function
    • source: [view] 
                    
      

                       if(!this.preValueValidation(this.arrItems)){
          return;
         }
         var id = this.arrItems[0].control.textbox.value,
         namePr = this.arrItems[1].control.textbox.value,
         startDatePr = this.decodeDate(this.arrItems[2].control.textbox.value);
         if(dojo.trim(id).length <= 0 || dojo.trim(namePr).length <= 0){
          return;
         }
         if(this.tabMenu.ganttChart.insertProject(id, namePr, startDatePr)){
          this.hide();
         }else{
          alert("Please adjust your Customization");
          return;
         }
         this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.addAction
       
    • type
      Function
    • parameters: 
      • handler: (typeof )
    • source: [view] 
                    
      

                       this.actionFunc = this[handler];
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.addItem
       
    • type
      Function
    • parameters: 
      • id: (typeof )
      • name: (typeof )
      • key: (typeof )
      • required: (typeof )
    • source: [view] 
                    
      

                       var inputControl;
         if(key == "startTime" || key == "startDate"){
          inputControl = new dijit.form.DateTextBox({type:"text", constraints:{datePattern:"yyyy.M.d", strict:true}});
         }else if(key == "percentage"){
          inputControl = new dijit.form.NumberSpinner({ constraints:{ max:100, min:0 }});
         }else if(key == "duration"){
          inputControl = new dijit.form.NumberSpinner({ constraints:{ min:0 }});
         }else{
          inputControl = new dijit.form.TextBox();
         }
         this.arrItems.push({
          id: id,
          name: name,
          control: inputControl,
          tab: this,
          key: key,
          required: required
         });
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.show
       
    • type
      Function
    • source: [view] 
                    
      

                       this.tabMenu.tabPanelDlg = this.tabMenu.tabPanelDlg || dijit.byId(this.tabMenu.tabPanelDlgId) ||
          new dijit.Dialog({
           title: "Settings"
          });
         try{
          this.tabMenu.tabPanelDlg.show();
         }catch(e){
          console.log("dialog show exception: " + e.message);
          return;
         }
         this.tabMenu.tabPanelDlg.titleNode.innerHTML = this.Description;
         var content = this.tabMenu.paneContentArea.firstChild.rows[1].cells[0].firstChild,
          action = this.tabMenu.paneActionBar;
         var cell, cellValue, row = null;

         
         if(this.showObjectInfo){
          if(this.object){
           if(this.object.constructor == dojox.gantt.GanttTaskControl){
            this.insertData(content, "Id", this.object.taskItem.id);
            this.insertData(content, "Name", this.object.taskItem.name);
            this.insertData(content, "Start Time", this.encodeDate(this.object.taskItem.startTime));
            this.insertData(content, "Duration (hours)", this.object.taskItem.duration + " hours");
            this.insertData(content, "Percent Complete (%)", this.object.taskItem.percentage + "%");
            this.insertData(content, "Task Assignee", this.object.taskItem.taskOwner);
            this.insertData(content, "Previous Task Id", this.object.taskItem.previousTaskId);
           }else{
            this.insertData(content, "Id", this.object.project.id);
            this.insertData(content, "Name", this.object.project.name);
            this.insertData(content, "Start date", this.encodeDate(this.object.project.startDate));
           }
          }
         }
         //separator
         row = content.insertRow(content.rows.length);
         cell = row.insertCell(row.cells.length);
         cell.colSpan = 2;
         cell.innerHTML = "
      ";
         //input section header
         row = content.insertRow(content.rows.length);
         cell = row.insertCell(row.cells.length);
         cell.colSpan = 2;
         dojo.addClass(cell, "ganttMenuDialogInputCellHeader");
         cell.innerHTML = "Customization: " + this.Description;
         //input details
         dojo.forEach(this.arrItems, function(item){
          row = content.insertRow(content.rows.length);
          cell = row.insertCell(row.cells.length);
          dojo.addClass(cell, "ganttMenuDialogInputCell");
          cellValue = row.insertCell(row.cells.length);
          dojo.addClass(cellValue, "ganttMenuDialogInputCellValue");
          cell.innerHTML = item.name;
          cellValue.appendChild(item.control.domNode);
          //initialize default value
          if(this.withDefaultValue && this.object){
           if(this.object.constructor == dojox.gantt.GanttTaskControl){
            if(item.key == "startTime"){
             item.control.textbox.value = this.encodeDate(this.object.taskItem.startTime);
            }else{
             item.control.textbox.value = item.key ? this.object.taskItem[item.key] : "";
            }
           }else{
            if(item.key == "startDate"){
             item.control.textbox.value = this.encodeDate(this.object.project.startDate);
            }else{
             item.control.textbox.value = item.key ? (this.object.project[item.key] || this.object[item.key] || "") : "";
            }
           }
          }else{
           //HTML5 placeholder property
           item.control.textbox.placeholder = item.required ? "---required---" : "---optional---";
          }
         }, this);
         this.tabMenu.ok.onClick = dojo.hitch(this, this.actionFunc);
         this.tabMenu.cancel.onClick = dojo.hitch(this, this.hide);
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.hide
       
    • type
      Function
    • source: [view] 
                    
      

                       try{
          this.tabMenu.tabPanelDlg.hide();
         }catch(e){
          console.log("dialog show exception: " + e.message);
          this.tabMenu.tabPanelDlg.destroy();
         }
         var cell = this.tabMenu.paneContentArea.firstChild.rows[1].cells[0];
         cell.firstChild.parentNode.removeChild(cell.firstChild);
         cell.innerHTML = "
      ";
         dojo.addClass(cell.firstChild, "ganttDialogContentCell");
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.insertData
       
    • type
      Function
    • parameters: 
      • content: (typeof )
      • name: (typeof )
      • value: (typeof )
    • source: [view] 
                    
      

                       var cell, cellValue, row = null;
         row = content.insertRow(content.rows.length);
         cell = row.insertCell(row.cells.length);
         dojo.addClass(cell, "ganttMenuDialogDescCell");
         cell.innerHTML = name;
         cellValue = row.insertCell(row.cells.length);
         dojo.addClass(cellValue, "ganttMenuDialogDescCellValue");
         cellValue.innerHTML = value;
                    
      
                    
    • summary
  • dojox.gantt.contextMenuTab.actionFunc
       
    • summary
  • dojox.gantt.contextMenuTab.tabMenu.tabPanelDlg
       
    • summary
  • dojox.gantt.contextMenuTab.tabMenu.tabPanelDlg.titleNode.innerHTML
       
    • summary
  • dojox.gantt.contextMenuTab.tabMenu.ok.onClick
       
    • summary
  • dojox.gantt.contextMenuTab.tabMenu.cancel.onClick
       
    • summary
  • dojox.gantt.contextMenuTab.id
       
    • summary
  • dojox.gantt.contextMenuTab.arrItems
       
    • summary
  • dojox.gantt.contextMenuTab.TabItemContainer
       
    • summary
  • dojox.gantt.contextMenuTab.Description
       
    • summary
  • dojox.gantt.contextMenuTab.tabMenu
       
    • summary
  • dojox.gantt.contextMenuTab.type
       
    • summary
  • dojox.gantt.contextMenuTab.object
       
    • summary
  • dojox.gantt.contextMenuTab.showObjectInfo
       
    • summary
  • dojox.gantt.contextMenuTab.withDefaultValue
       
    • summary
  • dojox.gantt
       
    • type
      Object
    • summary
  • dojox
       
    • type
      Object
    • summary