Javascript 从列表中获取jquery字段_Javascript_Jquery_Json_Jsp_Jquery Pagination

Javascript 从列表中获取jquery字段

javascript jquery json jsp

Javascript 从列表中获取jquery字段,javascript,jquery,json,jsp,jquery-pagination,Javascript,Jquery,Json,Jsp,Jquery Pagination,在下面的jsp代码中，字段是硬代码，但是我可以使用循环从动态增长的列表中获取字段吗 List list=[userid,firstname,lastname,email]; 对于每个新请求，该列表可能会根据数据库中表的列动态地增长或收缩，因此有没有任何方法可以在不进行硬编码的情况下获取字段名 <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8

在下面的jsp代码中，字段是硬代码，但是我可以使用循环从动态增长的列表中获取字段吗

  List list=[userid,firstname,lastname,email];

对于每个新请求，该列表可能会根据数据库中表的列动态地增长或收缩，因此有没有任何方法可以在不进行硬编码的情况下获取字段名

 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <!-- Include one of jTable styles. -->
    <link href="css/metro/crimson/jtable.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
    <!-- Include jTable script file. -->
    <script src="js/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
    <script src="js/jquery.jtable.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#PersonTableContainer').jtable({
                title: 'Table of people',
                paging: true, //Enable paging
                pageSize: 10, //Set page size (default: 10)           
                actions: {
                    listAction: 'CRUDController?action=list',
                    createAction:'CRUDController?action=create',
                    updateAction: 'CRUDController?action=update',
                    deleteAction: 'CRUDController?action=delete'
                },
                fields: {
                    userid: {
                        title:'S.NO',
                        key: true,
                        list: true,
                        create:true
                    },
                    firstName: {
                        title: 'First Name',
                        width: '30%',
                        edit:false
                    },
                    lastName: {
                        title: 'Last Name',
                        width: '30%',
                        edit:true
                    },
                    email: {
                        title: 'Email',
                        width: '20%',
                        edit: true
                    }                
                }
            });
            $('#PersonTableContainer').jtable('load');
        });
    </script>
    </head>
    <body>
    <div style="width:60%;margin-right:20%;margin-left:20%;text-align:center;">
    <div id="PersonTableContainer"></div>
    </div>
    </body>
    </html>


$（文档）.ready（函数（）{
$（“#PersonTableContainer”）.jtable({
标题:"人表",，
分页：true，//启用分页
pageSize:10，//设置页面大小（默认值：10）
行动：{
listAction:'CRUDController？action=list'，
createAction:'CRUDController？action=create'，
updateAction:'CRUDController？操作=更新'，
deleteAction:'CRUDController？action=delete'
},
字段：{
用户标识：{
标题：'S.NO'，
关键：没错，
列表：正确，
创建：true
},
名字：{
标题：“名字”，
宽度：“30%”，
编辑：false
},
姓氏：{
标题：“姓氏”，
宽度：“30%”，
编辑：真
},
电邮：{
标题：“电子邮件”，
宽度：“20%”，
编辑：真
}                
}
});
$（'PersonTableContainer'）.jtable（'load'）；
});

这可以通过迭代列表来实现

<%
    HttpSession sec = request.getSession();
  List<String> columnsList=(List<String>)sec.getAttribute("columnsList");
%>

<script type="text/javascript">
var jsArray = [<%for (int i = 0; i < columnsList.size(); i++) {%>"<%=columnsList.get(i)%>"<%=i + 1 < columnsList.size() ? ",":""%><%}%>];

var fields={};
var arrayLength = jsArray.length;

for(var i=0;i<arrayLength;i++)
    {
fields[jsArray[i]] = {
    title: jsArray[i],
   width: '40%',


};
}

    $(document).ready(function() {
        $('#PersonTableContainer').jtable({
            title : 'Table of people',
            paging : true, //Enable paging
            sorting: true, //Enable sorting
            defaultSorting: 'Name ASC', //Set default sorting
            pageSize : 10, //Set page size (default: 10)  


            actions : {
                listAction : 'DATA?action=list'

            },
            fields : fields
});


    //Load all records when page is first shown
        $('#PersonTableContainer').jtable('load');


});

</script>


var jsArray=[“”]；
变量字段={}；
var arrayLength=jsArray.length；
对于（var i=0；i