从sql填充Jqgrid的自定义Add函数中的下拉数据

时间:2015-03-24 20:31:24

标签: javascript jquery jqgrid

我一直在尝试在Jqgrid中自定义默认添加表单以添加下拉列表并从数据库中填充其下拉数据,但不知道如何操作..

以下是我的beforeShowForm的代码片段,它自定义Name coloumn以提供下拉列表。

beforeShowForm:function(form){                                  $('#tr_Name')。html('td class =“CaptionTD”>名称/ td> td class =“DataTD”> table> td> select role =“select”id =“resp”name =“responsavel “size =”1“class =”FormElement ui-widget-content ui-corner-all“> option role =”option“value =”1“> ABC / option> option role =”option“value =”2 “> XYZ /选项>选项角色=”选项“值=”3“> QWE /选项> / select> / td>');

这里的选项值是ABC,XYZ,QWE ..但我不想硬编码,而是希望它从SQL数据库中填充。

请求帮助。

1 个答案:

答案 0 :(得分:0)

在colModel中,您使用dataurl和editoptions

配置edittype:"select"
colModel: [
{ name: "pers_genre_id", index: "pers_genre_id", width: 80, align: "right",
                editable:true, edittype:"select", 
                editoptions:{   
                        dataUrl:'ddl/ddl_genre.php',
                        }// end edit option
            },
]

dataurl是填充ddl内容的文件路径:

<?php
    include("../dbconfig.php");

    $SQL = "SELECT * FROM t_genre";

    echo '<select>';

    $result = $dbh->prepare($SQL);
    $result->execute();

    while($row = $result->fetch()) {

         echo '<option value="'.$row['gen_id'].'">'.$row['gen_genre'].'</option>';
    }

    echo '</select>';

?>