Question

我目前有一个简单的extJS Grid，它从服务器提取数据并将其呈现给观众。我想获取所选行的值，然后将其传递给另一个PHP脚本进行处理，以便在另一个网格中显示结果。

var roleInformationStore = Ext.create('Ext.data.Store', {
  autoLoad: true,
  autoSync: true,
  model: 'RoleInformation',
  proxy: {
    type: 'ajax',
    url: 'data.php',
    reader: {
      type: 'array',
    },
    writer: {
      type: 'json'
 }
}
});

var roleInformationGrid = Ext.create('Ext.grid.Panel', {
  store: roleInformationStore,
  width: '100%',
  height: 200,
  title: 'Roles',
  columns: [
  {
    text: 'Name',
    flex: 1,
    width: 100,
    sortable: false,
    hideable: false,
    dataIndex: 'role'
 }
 ],
 listeners: {
   cellclick: function(view, td, cellIndex, record, tr, rowIndex, e, eOpts) {
     roleInformationStore.proxy.extraParams = record.get('role');
    //Ext.Msg.alert('Selected Record', 'Name: ' + record.get('role'));
   }
 }
});

使用当前网格中的侦听器，我可以获取值并使用alert方法显示它。有关如何实现这一目标的任何建议吗？

由于

Answer 1

要使其正常工作，extraParams必须是键值字符串对的对象，因为URI必须类似于data.php?key1=value1&key2=value2。

样式方面，Sencha建议尽可能使用getter和setter。

在一起，你得到：

var store = Ext.getStore("roleInformationStore");
store.getProxy().setExtraParam("myRoleParamKey",record.get('role'));
store.load();

在PHP中，您将获得参数，然后使用

$role = $_GET['myRoleParamKey'];

您当然可以将myRoleParamKey替换为您想要的任何字母数字文字，但请确保在服务器端和客户端使用相同的密钥。 ; - ）

文档：setExtraParam

传递extJs网格值来存储PHP脚本

1 个答案: