EasyUI 数据网格,如何自动生成列


EasyUI Datagrid, how can I auto generate columns?

我有一组预定义的MySQL查询,我想在EasyUI数据网格(jQuery(上显示其结果。

问题是每个查询返回不同的结果列,所以我不能使用类似于 jQuery 教程部分动态更改数据网格列的东西,因为在 PHP 文件中执行查询之前不知道列标题。

您可以动态地将列添加到 easyui 数据网格。

假设您有一个 php 数组,其中包含要添加到数据网格的列。假设 $dwSyntax = 来自 php 代码的查询结果。然后使用javascript构建数据网格,如下所示:

$('#datagrid').datagrid ({  
            url:<php url>
            queryParams: <query parameter>,
            height : 350, pagination : true, singleSelect : true, rownumbers : true, fitColumns: false,
            columns : [[
                            <?php
                                $i = 0;
                                while ($i < count($dwSyntax)) {
                                    $row = $dwSyntax[$i];
                                    echo "{ field: '".$row['field']."', title: '".$row['title']."', width: ".$row['width'].", sortable: true, align: '".$row['align']."', rowspan: 1, hidden: false },";
                                    $i++;
                                }
                            ?>
                        ]]
        });


然后像 html 一样
插入 html

<div id="datagrid"></div>

确保$dwsyntax数组中有这些键(字段,标题,宽度,对齐(。
我希望你明白我的意思。如果没有,那就分享你的查询、php 和 javascript 代码。
祝你好运。