EasyUI Datagrid,如何自动生成列?
EasyUI Datagrid, how can I auto generate columns?
我有一组预定义的 MySQL 查询,我想将其结果显示在 EasyUI 数据网格 (jQuery) 上。
问题是每个查询 returns 不同的结果列,所以我不能使用类似于 jQuery 教程部分动态更改数据网格列的东西,因为在执行之前不知道列标题在 PHP 文件中查询。
您可以动态地将列添加到 easyui datagrid。
假设您有一个 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
<div id="datagrid"></div>
确保您在 $dwsyntax 数组(字段、标题、宽度、对齐)中有这些键。
我希望你明白我的意思。如果没有,请分享您的查询,php 和 javascript 代码。
祝你好运。
我有一组预定义的 MySQL 查询,我想将其结果显示在 EasyUI 数据网格 (jQuery) 上。
问题是每个查询 returns 不同的结果列,所以我不能使用类似于 jQuery 教程部分动态更改数据网格列的东西,因为在执行之前不知道列标题在 PHP 文件中查询。
您可以动态地将列添加到 easyui datagrid。
假设您有一个 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++;
}
?>
]]
});
然后像
<div id="datagrid"></div>
确保您在 $dwsyntax 数组(字段、标题、宽度、对齐)中有这些键。
我希望你明白我的意思。如果没有,请分享您的查询,php 和 javascript 代码。
祝你好运。