Question

我正在尝试从JSP使用jTable（第一次）。我正在使用Java servlet来填充和编辑数据。

我没有成功使表加载数据，甚至无法访问应该查询数据的Java servlet。我得到的错误是：“jTable：未捕获的TypeError：无法调用未定义的方法'removeClass'”。如果我删除表定义 - 错误消失并且所有日志消息都打印出来，所以问题与我猜的表定义有关。

你知道这个错误是什么意思吗？如果需要，我也会粘贴Java代码，但我不确定这是不是问题。

顺便说一下，映射到表的Java对象包含的列数多于此表中显示的列数。我是否必须映射所有字段？

<html>
<head>
<link rel="stylesheet" href="css/jquery-ui-1.9.2.css" />
<link rel="stylesheet" href="css/timePicker.css" />
<link href="js/jtable.2.3.1/themes/lightcolor/orange/jtable.min.css"
    rel="stylesheet" type="text/css" />

<script src="js/jquery-1.8.3.js"></script>
<script src="js/jquery-ui-1.8.22.custom.min.js"></script>
<script src="js/jquery-ui-1.9.2.js"></script>
<script src="js/jquery.timePicker.min.js"></script>
<script src="js/jquery.timePicker.js"></script>
<script src="js/jtable.2.3.1/jquery.jtable.min.js"  type="text/javascript"></script>


<script type="text/javascript">     

    $(document).ready(function() {
        console.log( "In doc. ready!" );

        $('#LastRequestsTableContainer').jtable({
            title : 'Saved Dates',
            actions : {
                listAction : '/listUserSavedDates.rpc',
                createAction : '/saveUserDate.rpc',
                updateAction : '/saveUserDate.rpc',//I'll changes it later
                deleteAction : '/saveUserDate.rpc'//I'll changes it later
            },
            fields : {
                ownerName : {
                    title : 'Name',
                    width : '40%'
                },
                ownerBirthDate : {
                    title : 'Birth date',
                    width : '40%',
                    type : 'date'
                },
                ownerBirthHour : {
                    title : 'Birth time',
                    width : '30%',
                }
            }
        });

        console.log( "Before LastRequestsTableContainer.load" );
        $('#LastRequestsTableContainer').jtable('load');
        console.log( "After LastRequestsTableContainer.load" );

        console.log( "out of doc. ready!" );
    });


</script>
</head>

<body dir="rtl"
    style="font-family: sans-serif; font-size: 10pt; text-align: right; font-color: black;">

    <div id="formDiv" style="width: 100%; overflow: hidden;">
        <div id="LastRequestsTableContainer" style="width: 30%; float: left;">
        </div>

        <!-- some more divs that works fine-->
    </div>
</body>
</html>

感谢您的帮助。

由于卡梅尔

Answer 1

问题是两个jquery-ui版本（可能是历史原因......）。

jTable：未捕获的TypeError：无法调用未定义的方法'removeClass'

1 个答案: