首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Extjs4按钮在网格中单击

Extjs4按钮在网格中单击
EN

Stack Overflow用户
提问于 2012-12-02 03:09:55
回答 1查看 144关注 0票数 1

我在ext列中有一个按钮,当单击该按钮时,应通过ajax发送post请求。我不知道该怎么做,因为我对Ext还很陌生。

下面是我的按钮渲染器:

代码语言:javascript
运行
复制
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 post。

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-04 04:49:46

这就是我最终怎么做的:

AuditStatusGrid.js

代码语言:javascript
运行
复制
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

代码语言:javascript
运行
复制
...
proxy: {
  root: 'json',
  type: 'rest',
  url : '/audit_statuses'
},
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13662755

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档