Cake php 与 Extjs 通过可编辑网格更新、插入和删除

Question

我想通过可编辑网格使用 extjs 3.2 开发蛋糕 php。

在网格中我们可以进行插入、更新和删除操作。

当我们从“电影”模型文件获取数据并在

json 文件中的 view/movie/json 中创建一个 json 文件时，我得到了数据，但

如果我想在网格中显示数据，那么这个 json 文件数据如何在网格存储中获取。

谢谢。

Answer 1

在工作中，我们使用 CakePHP 和 ExtJS 进行了大量工作。

我们单独使用 ExtJS 的视图只调用包含该视图的特定 javascript 文件，以及一个用于渲染 ExtJS 模块的 div。

如果您在布局的头部使用 您可以使用

<?php echo $this->Html->script('relative/path/from/js/folder.js', array('inline' => false)) ?>

In Ext 轻松地从视图内部附加单个 javascript 文件，您可以需要将网格设置为使用 Ext.data.Store 的实例，通过存储及其依赖项（您还需要代理、读取器和写入器）您可以发送数据来回你的 CakePHP控制器。

我们更喜欢使用 JSON 来存储数据，因为它很容易在我们需要的地方进行操作和保存。

我们的基本设置通常如下所示。

在 ExtJS

var proxy = new Ext.data.HttpProxy({
    api: {
        // these will map to cakephp controller actions
        create:  { url: '/cake_controller/create',  method: 'POST' },
        read:    { url: '/cake_controller/read',    method: 'GET'  },
        update:  { url: '/cake_controller/update',  method: 'POST' },
        destroy: { url: '/cake_controller/destroy', method: 'POST' }
    }
});

var fields = Ext.data.Record.create([
    // this will map to your database fields (or at least the ones your
    // returning from cakephp to put in your grid
    { name: 'id', type: 'int' },
    { name: 'another_model_field' },
    { name: 'created', type: 'date', dateFormat: 'Y-m-d H:i:s' },
    { name: 'modified', type: 'date', dateFormat: 'Y-m-d H:i:s' },
]);

var reader = Ext.data.JsonReader({
    root: 'controllerName' // this is the root node of the json cakephp is replying with
}, fields);

var writer = Ext.data.JsonWriter({
    encoded: true,
    writeAllFields: true
});

var store = Ext.data.Store({
    storeId: 'myStore',
    proxy: proxy,
    reader: reader,
    writer: writer,
    autoSave: true,
    autoLoad: true
});

然后在你的网格中，将你的商店设置为你刚刚创建的商店

var grid = Ext.grid.GridPanel({
    store: store,
    ...
    ...
    ...
});

任何时候商店发生变化，它都会调用相关的 api 方法（创建、读取、更新、销毁），该方法映射到你的 CakePHP 控制器操作。在您的操作中，您可以通过 $this->params['form'] 访问数据。如果您使用 Json，就像我们一样，您可以使用 json_decode($this->params['form'], true) 将其解码为关联数组，以便在 CakePHP 端轻松操作/持久化事物。

您可以从 CakePHP 操作中返回某些内容，以便 ExtJS 知道保存/更新/等是否成功。我们通常只返回以 Json 编码的 array('success' => true) 。

我希望这可以帮助您入门，需要理解的内容很多，但并不是大量的工作，只是大量的打字。做过几次之后就很容易记住了。

每当您使用 ExtJS 时，请记住 docs 是您的朋友！