雙擊時間線時如何刪除添加項目事件？

Question

我在使用來自vis.js的時間軸應用程序時遇到問題。

雙擊時間軸時，我需要刪除添加項目事件。 我已經用這段代碼嘗試過了，但是我沒有成功。 有人能幫我嗎？

我已經用我使用的代碼編輯了問題。

    <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
          <title>JS Bin</title>
          </head>
          <body>
          <div id="visualization"></div>


            <link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.17.0/vis.min.css" rel="stylesheet" type="text/css" />
              <script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.17.0/vis.min.js"></script>

                <script type="text/javascript">
                  // DOM element where the Timeline will be attached
                var container = document.getElementById('visualization');

                // Create a DataSet (allows two way data-binding)
                var items = new vis.DataSet([
                  {id: 1, content: 'item 1', start: '2014-04-20'},
                  {id: 2, content: 'item 2', start: '2014-04-14'},
                  {id: 3, content: 'item 3', start: '2014-04-18'},
                  {id: 4, content: 'item 4', start: '2014-04-16', end: '2014-04-19'},
                  {id: 5, content: 'item 5', start: '2014-04-25'},
                  {id: 6, content: 'item 6', start: '2014-04-27', type: 'point'}
                  ]);

                // Configuration for the Timeline
                var options = {
                  clickToUse: true,
                  editable:true,
                  doubleClickMode:false
                };

                // Create a Timeline
                var timeline = new vis.Timeline(container, items, options);
                timeline.on('click', function (properties) {
                  console.log("Click event fired");
                });

                timeline.on('doubleClick', function (properties) {
                  console.log("Double click event fired");
                });

                </script>

                  </body>
                  </html>

Answer 1

我已經用以下代碼完成了：

<html>
  <head>
  <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
      <title>JS Bin</title>
      </head>
      <body>
      <div id="visualization"></div>


        <link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.17.0/vis.min.css" rel="stylesheet" type="text/css" />
          <script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.17.0/vis.min.js"></script>

            <script type="text/javascript">
              // DOM element where the Timeline will be attached
            var container = document.getElementById('visualization');

            // Create a DataSet (allows two way data-binding)
            var items = new vis.DataSet([
              {id: 1, content: 'item 1', start: '2014-04-20'},
              {id: 2, content: 'item 2', start: '2014-04-14'},
              {id: 3, content: 'item 3', start: '2014-04-18'},
              {id: 4, content: 'item 4', start: '2014-04-16', end: '2014-04-19'},
              {id: 5, content: 'item 5', start: '2014-04-25'},
              {id: 6, content: 'item 6', start: '2014-04-27', type: 'point'}
              ]);

            // Configuration for the Timeline
            var options = {
              clickToUse: true,
              editable:{
               add: false,
               remove: true
               }

            };

            // Create a Timeline
            var timeline = new vis.Timeline(container, items, options);
            timeline.on('click', function (properties) {
              console.log("Click event fired");
            });

            timeline.on('doubleClick', function (properties) {
              console.log("Double click event fired");
            });

            </script>

              </body>
              </html>

雙擊時間線時如何刪除添加項目事件？

問題描述

1 個解決方案

解決方案1
2 已采納 2019-01-09 13:11:14

雙擊時間線時如何刪除添加項目事件？

問題描述

1 個解決方案

解決方案1 2 已采納 2019-01-09 13:11:14

解決方案1
2 已采納 2019-01-09 13:11:14