extjs：如何在列渲染器中使用ajax调用？

我现在得到的是这样的：

renderer : function(value) {
    var ret;
    var conn = new Ext.data.Connection();
    conn.request({
        method : 'POST',
        url : rsdBackend,
        params : {
            get_object_by_id : 'true',
            rsd_type : record.data.references_table,
            object_id : value,
            uid : logged_user_id
        },
        success : function(responseObject) {
            var data = Ext.decode(responseObject.responseText);
            ret = data[0].object_name;
        }
    });
    return ret;
}

如果列包含指向另一个数据的链接（数据库术语中的外键），我需要显示它引用的对象的名称。

所以，我能想到的最好的方法是在渲染器中使用ajax调用。它有效，但问题是：我如何返回响应？

上面的代码不会工作，因为ret我想要的地方未定义return it.

怎么才能做到这一点，或者有更好的方法吗？

基于这个线程Sencha 论坛主题 http://www.sencha.com/forum/showthread.php?72216-Grid-asynchronous-update-of-cell-data

我做了一个异步渲染器。

在我的示例中，我想显示记录关联中第一条记录的“名称”值。

“fileRecord_store()”是我的关联存储的名称（通过“hasMany”关联模型创建）

在网格面板中，您可以制作如下渲染器：

 { header: 'Filename',  dataIndex: 'Files_id',      flex: 2,
    renderer: function(value, meta, record, rowIndex, colIndex, store, view) {
          var divId = 'my_cell_to_update_' + record.id;
          record.columnsNameUpdate(divId);
          return String.format("<div id='" + divId + "'>Loading...</div>"); 
                }
},

现在在模型类中我添加了这个函数：

columnsNameUpdate : function(divId){

    this.fileRecord_store().on('load', this.updateColumn,this, {divId : divId});
    this.fileRecord_store().load();
},

updateColumn : function(store, model, success, options){
    this.fileRecord_store().un('load', this.updateColumn,this);
    Ext.fly(options.divId).update(store.first().get('filename')); 
}

这对我来说工作得很好！