JqueryのQuickbaseでスクリプトのサポートが必要

Question

私はquickbaseを主に使用しており、APIコールを使用せずにグラフを作成しようとしています。

thisは、2つのテーブルの間にタグがなくても、それらの間に多数のタグを持つ可能性があります。thisが結果です。

(function() { 

    setTimeout(function() { 

    $("#mydivTable").each(function() { 

     var Rec = $('#mydivTable').attr('data'); 

     console.log(Rec); 

     var valueArray = Array(5).fill(Rec).map(function(n, i) { 

     return $('#Row' + n + '-' + i).attr('data'); 

     }); 

     var content = ""; 

     content += "div.div-table { display: table; width: auto; background-color: #eee; width: 350px;} \n"; 

     content += "div.div-table2 { display: table; width: auto; width: 300;} \n"; 

     content += "div.div-table-row { display: table-row; width: auto; clear: both;} \n"; 

     content += "div.div-table-lcol { float: left; display: table-column; width: 50px;} \n"; 

     content += "div.div-table-rcol { float: left; display: table-column; width: 300px;} \n"; 

     content += "div.div-table-ircol { float: left; display: table-column; width: auto;} \n"; 

     content += "div.div-table-0lcol { float: left; display: table-column; background-color:#0099CC;}\n"; 

     var maxW = 300; 

     var maxV = Math.max(...valueArray); 

     var ratio = (maxW/maxV); 

     var wratio = ratio.toFixed(2); 

     for (var i = 0; i < valueArray.length; i++) { 

     var tratio = valueArray[i] * wratio; 

     tratio == tratio.toFixed(0); 

     if (tratio <= 20) { 
      tratio = 20; 
     } 

     content += 

      "\n #Row" + Rec + "-" + i + "{width:" + tratio + "px; color: #FFF; text-align: center;} "; 

     } 

     console.log(content); 

     $('head').append('<style type="text/css" ID=' + Rec + '>' + content + '</style>'); 

    }); 

    }, 600); 

})(); 

は、私が試してみて、スクリプトを複数回実行するが、私がやった場合でも、それが唯一の画像で見られるデータの第1セットを使用するためにいくつかの綿毛を追加しました。このスクリプトが次のテーブルに移動し、新しい値を取得する場合は、このスクリプトを次のテーブルに移動させる最も良い方法は何でしょうか。これは私がAIOLとIOLが、私はあなたがここに抱えている大きな問題が繰り返されると思わスクリプト

"<div class='div-table' id='mydivTable' style='width: 355px;' data='"&[Record ID#]&"'>"& " 
    <div class='div-table-row'>"& " 
    <div class='div-table-lcol'>Apples</div>"& " 
    <div class='div-table-rcol'>"& " 
     <div class='div-table2'>"& " 
     <div class='div-table-row'>"& " 
      <div class='div-table-0lcol' id='Row"&[Record ID#]&"-0' data='"&[Apples]&"'>"&[Apples]&"</div>"& " 
      <div class='div-table-ircol'>"& " </div>"& " </div>"& " </div>"& " </div>"& " </div>"& " 
    <div class='div-table-row'>"& " 
    <div class='div-table-lcol'>Oranges</div>"& " 
    <div class='div-table-rcol'>"& " 
     <div class='div-table2'>"& " 
     <div class='div-table-row'>"& " 
      <div class='div-table-0lcol' id='Row"&[Record ID#]&"-1' data='"&[Oranges]&"'>"&[Oranges]&"</div>"& " 
      <div class='div-table-ircol'>"& " </div>"& " </div>"& " </div>"& " </div>"& " </div>"& " 
    <div class='div-table-row'>"& " 
    <div class='div-table-lcol'>Peaches</div>"& " 
    <div class='div-table-rcol'>"& " 
     <div class='div-table2'>"& " 
     <div class='div-table-row'>"& " 
      <div class='div-table-0lcol' id='Row"&[Record ID#]&"-2' data='"&[Peaches]&"'>"&[Peaches]&"</div>"& " 
      <div class='div-table-ircol'>"& " </div>"&"</div>"&"</div>"&"</div>"&"</div>"& " 
    <div class='div-table-row'>"& " 
    <div class='div-table-lcol'>Bananas</div>"& " 
    <div class='div-table-rcol'>"& " 
     <div class='div-table2'>"& " 
     <div class='div-table-row'>"& " 
      <div class='div-table-0lcol' id='Row"&[Record ID#]&"-3' data='"&[Bananas]&"'>"&[Bananas]&"</div>"& " 
      <div class='div-table-ircol'>"& " </div>"&"</div>"&"</div>"&"</div>"&"</div>"& " 
    <div class='div-table-row'>"& " 
    <div class='div-table-lcol'>Pears</div>"& " 
    <div class='div-table-rcol'>"& " 
     <div class='div-table2'>"& " 
     <div class='div-table-row'>"& " 
      <div class='div-table-0lcol' id='Row"&[Record ID#]&"-4' data='"&[Pears]&"'>"&[Pears]&"</div>"& " 
      <div class='div-table-ircol'>"& " </div>"&"</div>"&"</div>"&"</div>"&"</div>"&"</div>"&[aiol]&[Record ID#]&[/aiol]&"chart1.js"&[/iol] 

Answer 1

への呼び出しであるquickbaseのフィールドに入れリテラルの入力となり

--- id値。レポートの各レコードにはDIVとid='mydivTable'があります。 id値はドキュメント内で繰り返されることを意図していないため、予期しない動作が発生する可能性があります。この例では、スクリプトの$('#mydivTable')呼び出しが最初の要素のみを返しています。幸いにも、それは比較的簡単な修正であるようです。

まず、あなたの代わりにIDを「mydivTable」のDIVクラス名を与えるように、あなたのforcedgraphフィールドの式の最初の行を変更：

"<div class='div-table mydivTable' style='width: 355px;' data='" 

は今、あなたはすべての要素を照会できますクラスとして 'mydivTable'を持っています。 thisへ"#mydivTable"は、あなたがそれ.each()がへを反復される特定の要素に対して「データ」属性の値を代入していることを保証変更

$(".mydivTable").each(function() { 
     var Rec = $(this).attr('data'); 

：あなたは、クラスの代わりに、IDSを探しているように、スクリプトファイルを変更しますRec。 "#mydivtable"を使用すると、フィールドを変更したので何も返されず、".mydivTable"を使用すると、1つではなく要素のコレクションが返されます。

これらの変更の後で動作するはずです。少なくともそれは自分のモックアップで私のためにした。