JqG​​rid - 添加选择DropDown以编辑表单并从数据库填充

时间:2012-01-08 17:07:37

标签: jquery jqgrid

我是新手,所以轻松一点!但我试图在jQGrid的编辑表单上填充MySQL数据库的select下拉列表。

到目前为止,这是我的代码:

colNames:['ID','CampaignName','Status'],
colModel:[
    {
        name:'ID', 
        index:'ID', 
        width:55,
        editable:true,
        editoptions:{
            readonly:true,
            size:10
        }
    }, 
    {
        name:'CampaignName',
        index:'CampaignName',
        width:120,
        align:'left',
        editable:true,
        editoptions:{
            size:25
        }
    }, 
    {
        name:'Status',
        index:'Status',
        width:80,
        align:'left',
        editable: true,
        edittype:'select'
    }
],

但我需要status字段为数据库中填充的select。我有一个名为'StatusDropDown.php'的PHP文件,我之前用它来填充选择框(见下文)。如何在网格上的编辑表单中使用它?

<select id="StatusID" name="StatusID" onchange="StatusChanged(this.id)">
    <?php
        include("StatusDropDown.php");
    ?>
    <OPTION VALUE=0> 
        <?php echo $List ?>
    </SELECT> 

任何帮助都非常感激。

谢谢JC

1 个答案:

答案 0 :(得分:1)

我按照以下链接成功实施了我的下拉列表。

http://geekswithblogs.net/renso/archive/2009/07/02/jqgrid-dynamically-loading-select-options.aspx

问题是你必须确保你的php的输出是json,我在php中使用了json_encode()。