Dashcode List - OnClick

Question

Dashcodeでプロジェクトを作成し、Listコントロールを挿入し、動的リストを有効にし、JSONオブジェクトを作成してコントロールに関連付けました。コードは、アイテムは、それがrowIndexプロパティを表示します選択されたときにあなたが見ることができるように

var stations = { 

    _rowData: ["Mitchelton", "Gaythorne", "Albion", "Central", 
    "Burpengary", "Petrie", "Morayfield", "Caboolture", "Ferny Grove"], 

    numberOfRows: function() { return this._rowData.length; }, 

    prepareRow: function(rowElement, rowIndex, templateElements) { 
     if (templateElements.label) { 
      templateElements.label.innerText = this._rowData[rowIndex]; 
     } 
     rowElement.onclick = function(event) { alert("Row "+rowIndex); }; 
    } 

...このように見えますが、私はそのインデックスの実際の値を表示したいと思います。

残念ながら、 "this._rowData [2]"はうまくいきませんが、 "_rowData"オブジェクトを見つけることができないようです。

Answer 1

これは動作するはずです：

prepareRow: function(rowElement, rowIndex, templateElements) { 
    if (templateElements.label) { 
     templateElements.label.innerText = this._rowData[rowIndex]; 
    } 

    var _this = this; 
    rowElement.onclick = function(event) { alert(_this._rowData[2]); }; 
} 

問題はrowElement.onclickイベントハンドラ内で、thisはDOM要素rowElement、ないあなたのstationsオブジェクトを参照していることです。この問題は、という名前の変数を作成して、stationsオブジェクトを指している変数を作成し、イベントハンドラ内のstationsオブジェクトにアクセスするときはいつでもこの変数を使用して問題を解決します。

thisキーワードの詳細については、以下の二つの記事を参照してください：あなたが実際に*のJSONオブジェクト* - あなたを作成していない、ところで

• http://www.quirksmode.org/js/this.html
• http://www.alistapart.com/articles/getoutbindingsituations