2012-03-28 9 views
1

私はExtJSを初めて使用していて、コードのベースとしてこの例を使用しようとしています: grid_bindingExtJS 3.3.1 - Ext.Templateで配列内の各要素を取得する方法

バックエンドの機能を処理するperl * .pmファイルがあります。

私は、行選択に呼び出された私自身の機能を書いた情報を取得するために私の*の.PMを使用していますので、同じようdetailPanelを上書き:

var getInfo = function(id){ 
var conn = new Ext.data.Connection(); 
conn.request({ 
    url: request_url, 
    params: { 
     _state: request_state, 
     _action: 'get_id_info', 
     id: id 
    }, 
    callback: function(options, success, response){ 
     var responseHash = Ext.decode(response.responseText); 
     var detailPanel = Ext.getCmp('detailPanel'); 
     myTpl.overwrite(detailPanel.body, responseHash); 
    } 

}); 
}; 

私responseHashは、いくつかのキーとこれらのキーの一部が含まれています'値は配列です。

現時点では私のdetailPanelはそうのようになります。

// define a template to use for the detail view 
var myTplMarkup = [ 
    "values related to this key_name: {key_name}" 
]; 
var myTpl = new Ext.Template(myTplMarkup); 

これは、詳細ビューで、カンマで区切られ、そのキーに関連する値を出力します。

ここでは、これらの値のそれぞれに個別にアクセスして、リンクに組み込みたいと思います(詳細ビューでそのリンクを提示してください)。

どうすればよいですか?

ありがとうございました!

答えて

0

IはExt.XTemplateにExt.Templateを変更し、アレイ内の各項目にアクセスし、それFOハイパーリンクを生成するには、この例を使用する:

generate_hyperlink

IがのXTemplateのEXTドキュメントがあることが見出され非常に便利。

ので、今私のコードはそうのようになります。

// define a template to use for the detail view 
var myTpl = new Ext.XTemplate(
    '<p>item(s) related to this id:', 
     '<tpl for="key_name">', 
     '<p><a href="---url_template---{.}" target="_blank">{.}</a></p>', 
     '</tpl></p>' 
); 
関連する問題