Как я могу получить доступ к элементам объекта в javascript?

Question

Я использую jQuery Gantt api, и хочу получить доступ к определенным элементам, но я не знаю, как это сделать.

$(function() { 

     "use strict"; 
     //var obj = JSON.parse($(".gantt").gantt); 
     $(".gantt").gantt({ 
      source: [{ 
       name: "Sprint 0", 
       desc: "Analysis", 
       values: [{ 
        from: "/Date(1320192000000)/", 
        to: "/Date(1322401600000)/", 
        label: "Requirement Gathering", 
        customClass: "ganttRed" 
       }] 
      }], 
      navigate: "scroll", 
      scale: "weeks", 
      maxScale: "months", 
      minScale: "days", 
      itemsPerPage: 10, 
      onItemClick: function(data) { 
       alert("Item clicked - show some details"); 
      }, 
      onAddClick: function(dt, rowId) { 
       alert("Empty space clicked - add an item!"); 
      }, 
      onRender: function() { 
       if (window.console && typeof console.log === "function") { 
        console.log("chart rendered"); 
       } 
      } 
     }); 
     //alert("OK"); 
     //var parsedData = JSON.parse(); 
     //alert($(".gantt").gantt.source); 
     $(".gantt").popover({ 
      selector: ".bar", 
      title: "I'm a popover", 
      content: "And I'm the content of said popover.", 
      trigger: "hover" 
     }); 

     prettyPrint(); 

    }); 

Я нашел эту обезьяну со статическим примером, но пытаюсь нарисовать собственный график, изменив содержание источника элемента. так может кто-то сказать мне, как я могу получить источник элемента из объекта gantt.

Answer 1

Основываясь на вашем примере, вы могли бы просто переместить исходные данные в переменную, так что вы можете ссылаться на него позже:

var ganttSource = [{ 
    name: "Sprint 0", 
    desc: "Analysis", 
    values: [{ 
     from: "/Date(1320192000000)/", 
     to: "/Date(1322401600000)/", 
     label: "Requirement Gathering", 
     customClass: "ganttRed" 
    }] 
}]; 

$(".gantt").gantt({ 
    source: ganttSource, 
    ... 
}); 

console.log(ganttSource); 

Answer 2

ли Вы ожидали этого?

Для доступа к gantt элементам через объект попробуйте вот так.

var ganttObj = $(".gantt").data("gantt"); 

Или попытаться создать instance для gantt как это.

var ganttObj = $(".gantt").gantt("instance"); 
ganttObj.model.maxScale = "years" //To change `maxScale` property values dynamically 

Или вы также можете напрямую обращаться к своим элементам следующим образом.

Для например: Для того, чтобы изменить maxScale значение от месяцев до лет, вы можете использовать, как показано ниже.

$(".gantt").gantt({ maxScale: "years" }); 

Пожалуйста, дайте мне знать, если это вам поможет.