0

サーバーからいくつかのレコードを取得してタイムラインに配置するスクリプトに取り組んでいます。タイムライン スクリプトは、jQuery、raphael、qtip を使用してタイムラインを生成します。タイムライン上のドットはイベントを示します。このドットはタイムラインに配置されます。タイムラインに配置するドットであるレコードがいくつかあるため、年、月、日を変数として保持して「日付」をループすることはできません。

レコードは、日付、月、年、およびレコードの名前を返します。

これは元のコードです:

$(document).ready(function(){

      var events = [
      {dates: [new Date(2012, 4, 5)], title: "some name", section: 0}
      ];

      var timeline1 = new Chronoline(document.getElementById("target1"), events,
        {animated: true,
         tooltips: true,
         defaultStartDate: new Date(2012, 3, 5),
         sections: sections,
         sectionLabelAttrs: {'fill': '#997e3d', 'font-weight': 'bold'},
          draggable: true
      });

});

だから私はこれを考えました：

$(document).ready(function(){

  var events = [

  for (var i = 0; i < totalrecordsretreived; i++)
  {
     var x,y,z, recname;

     recname = retrievedrecord[i].name;
     x = retrievedrecord[i].day;
     y = retrievedrecord[i].month;
     z = retrievedrecord[i].year;

    //code for putting record into x,y,z and recname

    {dates: [new Date(z, y, x)], title: recname, section: 0} // creates the dot.
  }

  ];

  var timeline1 = new Chronoline(document.getElementById("target1"), events,
    {animated: true,
     tooltips: true,
     defaultStartDate: new Date(2012, 3, 5),
     sections: sections,
     sectionLabelAttrs: {'fill': '#997e3d', 'font-weight': 'bold'},
      draggable: true
  });
});

何か案は？

4

1 に答える 1

0

ああなるほど...

コードを次のように変更します。

  var events = [];

  for (var i = 0; i < totalrecordsretreived; i++)
  {
     var x,y,z, recname;

     recname = retrievedrecord[i].name;
     x = retrievedrecord[i].day;
     y = retrievedrecord[i].month;
     z = retrievedrecord[i].year;

    //code for putting record into x,y,z and recname

    events.push({dates: [new Date(z, y, x)], title: recname, section: 0}); // creates the dot.
  }

基本的に、上記のコードが行うことは、空の配列イベントを作成することです。そして、Array クラスの push メソッドを利用してそれを埋めます。https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push

これが役立つかどうか教えてください。

于 2013-10-19T12:17:29.717 に答える