1

ext 列にボタンがあり、クリックすると ajax 経由で投稿リクエストが送信されます。私はExtにかなり慣れていないので、どうすればいいのかわかりません。

以下は私のボタンレンダラーです：

statusRenderer: function(value, metaData, record, rowIndex, colIndex, store) {
  var html = '<span style="color:red;">' + value + '</span>';
  html += '&nbsp;<button type="button" data-id=' + record.data.ad_id + '>Reaudit</input>'
  return html;
}

方法を教えてください:
1. クリック ハンドラーをセットアップします
。 2. ajax ポスト リクエストを実行するためのストアをセットアップします
。

ありがとう！

4

1 に答える 1

1

これは私がそれをやった方法です：

AuditStatusGrid.js

initComponent: function() {
  this.columns = [
    ...
    { header: 'Status', dataIndex: 'audit_status', renderer: me.statusRenderer, width: 130 },
    ...
  ];
}


statusRenderer: function(value, metaData, record, rowIndex, colIndex, store) {
if (value == 'Rejected') {
  var id = Ext.id();
  Ext.defer(function () {
    Ext.widget('button', {
      renderTo: id,
      text: 'Reaudit',
      width: 70,
      handler: function () {
        console.log(record.get('id'));
        record.set('audit_status', 'Reaudit');
        store.save();
      }
    });
  }, 50);
  return Ext.String.format('<div id="{0}"><span style="color:red;">Rejected</span>&nbsp;</div>', id);
}
return value;
}

AuditStatusStore.js

...
proxy: {
  root: 'json',
  type: 'rest',
  url : '/audit_statuses'
},
于 2012-12-03T20:49:46.073 に答える