使用Jquery填充Jtable中的下拉列表

时间:2013-12-05 06:30:20

标签: java jquery-jtable

我有一个jsp页面 material.jsp ,其中包含以下代码段:

<script type="text/javascript">
    $(document).ready(function() {
        $('#MaterialTableContainer').jtable({
            title : 'Table of Materials',
            actions : {
                listAction : 'CRUDControllerForMaterial?action=list',
                createAction : 'CRUDControllerForMaterial?action=create',
                updateAction : 'CRUDControllerForMaterial?action=update',
                deleteAction : 'CRUDControllerForMaterial?action=delete' },
            fields : {  
                id : {
                    title : 'ID',
                    key : true,
                    list : true,
                    create : true
                },
                materialName : {
                    title : 'MaterialName',
                    width : '30%',
                    edit : true
                },
                description : {
                    title : 'Description',
                    width : '30%',
                    edit : true
                },
                lastModifiedComments : {
                    title : 'LastModifiedComments',
                    width : '20%',
                    edit : true
                },
                materialClassID : {
                    title : 'MaterialClassID',
                    width : '50%',
                    edit : true,
                    options : ["1","2","3","4","5"]
                },
                isMaster : {
                    title : 'IsMaster',
                    width : '50%',
                    edit : true
                }

        }});
        $('#MaterialTableContainer').jtable('load');
    });
</script>

现在,在此,我想要 materialClassID 作为下拉列表。因此,在选项中,我将硬编码值设为 [“1”,“2”,“3”,“4”,“5”]

但是,这些值是动态的,即这些值应该在运行时从服务器(servlet)获取。那么,如何在此时调用函数,并检索列表/结果集。

我们正在使用servlet-jsp,所以我需要用Java编写代码。

任何建议都会有很大的帮助。

提前致谢。

2 个答案:

答案 0 :(得分:1)

这对我有用,可以调用php来返回所需的数据。

 materialClassID : {
                title : 'MaterialClassID',
                width : '50%',
                edit : true,
                options : 'http://sample.com/sample.php?get=numbers'
            }

答案 1 :(得分:0)

尝试这样的事情(假设你已经提取了你的jsonMatArray) -

materialClassID : {
  title : 'MaterialClassID',
  width : '50%',
  edit : true
}
materialClassID.prototype.options = jsonMatArray;

或(更常见的) -

materialClassID : {
  title : 'MaterialClassID',
  width : '50%',
  edit : true,
  options : jsonMatArray
}