テーブルからセルの値を選択

Question

テーブルに複数のレコードがあります。シナリオをクリックして行をクリックすると、IDに応じてグラフが表示されます。このオーナーがこのデータを持つように指定したいので、オーナー名を表示します。 。

私は、テーブル内のデータを持っている：

ID  Owner RegNo 
26626 John B82  
26634 David BE49 
26642 Roh A5  
26640 Julie B5  

私はこの試みた：私はF12を確認したときに、これはエラー

を示し

<script type="text/javascript"> 

    $(function() { 
     $('#tabledata').on('click', 'tr', function() { 
      var row = $(this); 
      var Id = row.find('td')[0].firstChild.data; 
      var cell = row.find('td')[1].firstChild.data; 
      var obj = {}; 
      var cellvalue = {}; 
      obj.ID = Id; 
      cellvalue.cell = cell; 
      GetData(obj); 
      return false; 
     }); 
    }); 
function GetData(obj) { 
    $.ajax({ 
     type: "POST", 
     url: "WebForm1.aspx/GetVo", 
     data: JSON.stringify(obj), 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     async: true, 
     cache: false, 
     success: function (result) { 
        if (result !== null && result.length == 0) { 
       $("#cont").hide(); 
       return; 
      } 
      strArray = result.d; 
      var myarray = eval(strArray); 
      $("#cont").show(); 
      $('#cont').highcharts({ 
       chart: { 
        borderColor: 'Grey', 
        borderWidth: 2, 
        type: 'pie', 
        options3d: { 
         enabled: true, 
         alpha: 45 
        } 

       }, 

       title: { 
        text: JSON.stringify(cellvalue) 
       }, 

       position: { 
         align: 'right', 
         verticalAlign: 'bottom', 
         x: 10, 
         y: -10 
        }, 
       subtitle: { 
        text: 'Chart' 
        //text: 'Total: ' + myarray.length 
       }, 


       plotOptions: { 
        pie: { 
         innerSize: 100, 
         depth: 45, 
         allowPointSelect: true, 
         cursor: 'pointer', 
         dataLabels: { 
          enabled: true, 
          format: '<b>{point.name}</b>: {point.y}', 
         }, 
         showInLegend: true 
        } 
       }, 
       series: [{ 
        name: 'Delivered amount', 
        data: myarray 
       }] 
      }); 

      //end 
     }, 
     error: function (error) { 
      alert(error); 
     } 

    }); 
     } 

    // }); 


    </script> 

を

WebForm1.aspx:109 Uncaught ReferenceError: cellvalue is not defined

Answer 1

あなたが定義を呼び出し、機能機能変更：

<script type="text/javascript"> 

    $(function() { 
     $('#tabledata').on('click', 'tr', function() { 
      var row = $(this); 
      var Id = row.find('td')[0].firstChild.data; 
      var cell = row.find('td')[1].firstChild.data; 
      var obj = {}; 
      var cellvalue = {}; 
      obj.ID = Id; 
      cellvalue.cell = cell; 
      GetData(obj, cellvalue); //HERE 
      return false; 
     }); 
    }); 
function GetData(obj, cellvalue) { //AND HERE 
    $.ajax({ 
     type: "POST", 
     url: "WebForm1.aspx/GetVo", 
     data: JSON.stringify(obj), 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     async: true, 
     cache: false, 
     success: function (result) { 
        if (result !== null && result.length == 0) { 
       $("#cont").hide(); 
       return; 
      } 
      strArray = result.d; 
      var myarray = eval(strArray); 
      $("#cont").show(); 
      $('#cont').highcharts({ 
       chart: { 
        borderColor: 'Grey', 
        borderWidth: 2, 
        type: 'pie', 
        options3d: { 
         enabled: true, 
         alpha: 45 
        } 

       }, 

       title: { 
        text: JSON.stringify(cellvalue) 
       }, 

       position: { 
         align: 'right', 
         verticalAlign: 'bottom', 
         x: 10, 
         y: -10 
        }, 
       subtitle: { 
        text: 'Chart' 
        //text: 'Total: ' + myarray.length 
       }, 


       plotOptions: { 
        pie: { 
         innerSize: 100, 
         depth: 45, 
         allowPointSelect: true, 
         cursor: 'pointer', 
         dataLabels: { 
          enabled: true, 
          format: '<b>{point.name}</b>: {point.y}', 
         }, 
         showInLegend: true 
        } 
       }, 
       series: [{ 
        name: 'Delivered amount', 
        data: myarray 
       }] 
      }); 

      //end 
     }, 
     error: function (error) { 
      alert(error); 
     } 

    }); 
     } 

    // }); 


    </script>