0

4 つの列 (id-symbol-name-contractnumber) で構成されるデータベースがあります。データを含む 4 つの列すべてが、JSON を使用してユーザー インターフェイスに表示されています。

データベースに新しい列を追加する機能があります（国コードなど）。

列はデータベースに正常に追加されますが、新しく追加された列をユーザー インターフェイスに表示できません。

以下は、列を表示している私のコードです。

手伝って頂けますか？

table.php

        <!DOCTYPE html>
        <html lang="en">
        <head>

<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxmenu.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxgrid.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxgrid.selection.js"></script> 
<script type="text/javascript" src="../../jqwidgets/jqxgrid.filter.js"></script>        
<script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>   
<script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>    
<script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>   
<script type="text/javascript" src="../../scripts/gettheme.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    // prepare the data
    var theme = getDemoTheme();

    var source =
    {
        datatype: "json",
    datafields: [
                 { name: 'id' },
                 { name: 'symbol' },
                 { name: 'name' },

                 { name: 'contractnumber' }
            ],
        url: 'data.php',
        filter: function()
        {
            // update the grid and send a request to the server.
            $("#jqxgrid").jqxGrid('updatebounddata', 'filter');
        },
        cache: false
    };      
    var dataAdapter = new $.jqx.dataAdapter(source);

    // initialize jqxGrid
    $("#jqxgrid").jqxGrid(
    {       
        source: dataAdapter,
        width: 670,
        theme: theme,
        showfilterrow: true,
        filterable: true,
        columns: [
            { text: 'id', datafield: 'id', width: 200 },
            { text: 'symbol', datafield: 'symbol', width: 200 },
            { text: 'name', datafield: 'name', width: 100 },
            { text: 'contractnumber', filtertype: 'list', datafield: 'contractnumber' }
        ]
    });
    });
</script>
       </head>
           <body class='default'>
        <div id="jqxgrid"></div>
        </div>
            </body>
       </html>

data.php

      <?php
#Include the db.php file
include('db.php');
#Connect to the database
//connection String
$connect = mysql_connect($mysql_hostname, $mysql_user, $mysql_password)
or die('Could not connect: ' . mysql_error());
//Select The database
$bool = mysql_select_db($mysql_database, $connect);
if ($bool === False){
   print "can't find $database";
}

$query = "SELECT * FROM pricelist";

$result = mysql_query($query) or die("SQL Error 1: " . mysql_error());
$orders = array();
// get data and store in a json array
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
    $orders[] = array(
        'id' => $row['id'],
        'symbol' => $row['symbol'],
        'name' => $row['name'],

        'contractnumber' => $row['contractnumber']

      );
}

echo json_encode($orders);
  ?>
4

3 に答える 3

0

php 側では、while 内でループを使用すると、動的フィールドの配列を簡単に作成できるはずです。

$orders = array(); $i  = 0;
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
    $orders[$i] = array();
    foreach($row as $col => $value) {
        $orders[$i][$col] = $value; 
    }
    $i++;
}

ただし、jqgrid の場合、動的な列を表示するには、自分で解決策を見つける必要があります。

于 2013-06-25T09:42:13.120 に答える
0

DB に新しい列を追加するときは、何らかの方法で UI も更新する必要があります。これを行うには、ソース オブジェクトの datafields 配列に新しいデータ フィールドを追加し、columns プロパティを設定してグリッドの列を更新する必要があります。

$("#jqxgrid").jqxGrid({列: newColumnsArray});

于 2013-06-25T09:41:03.803 に答える
0

列「contrycode」がpricelistテーブルに適切に追加されたと言いましたか? したがって、列の値を取得$orderして JSON として表示することはそれほど難しくないように見えます。あなたのコードをあまり見ずに、私は...

# in your PHP
$orders[] = array(
    'countrycode' = $row['countrycode'],
    'id' => $row['id'],
  ...

と：

# in your JS
    columns: [
        { text: 'countrycode', datafield: 'countrycode', width: 2 },
        { text: 'id', datafield: 'id', width: 200 },
  ...
于 2013-06-25T09:41:11.820 に答える