jquery jtable.org选项不使用dependsOn值

时间:2015-03-23 19:38:50

标签: jquery html jquery-jtable

我目前正在尝试使用jtable.org jquery在我的网站上实现表格。到目前为止,我已设法显示州选项,但城市选项显示为空白结果。 (city_id选项依赖于state_id)。我一直在尝试几个小时来发现错误。

以下是我的javascript:

$(document).ready(function () {

    //Prepare jTable
    $('#practice_loc').jtable({
        paging: false,
        pageSize: 1,
        sorting: false,
        defaultSorting: 'Name ASC',
        actions: {
            listAction: 'blah.php?action=list',
            createAction: 'blah.php?action=create',
            updateAction: 'blah.php?action=update',
            deleteAction: 'blah.php?action=delete'
        },
        fields: {
            id: {
                key: true,
                create: false,
                edit: false,
                list: false
            },
            name: {
                title: 'Nama',
                width: '20%'
            },
            address: {
                title: 'Alamat',
                width: '40%'
            },
            phone: {
                title: 'Telepon',
                width: '20%'
            },
            type: {
                title: 'Jenis',
                width: '20%'
            },
            state_id: {
                title: 'Provinsi',                  
                options: 'query/get_common_list.php?action=list_state',
                list: false                 
            },
            city_id: {
                title: 'Kota',
                dependsOn: 'stateId', //Cities depends on state (province).
                list: false,
                options: function(data) {                       
                    return 'query/get_common_list.php?action=list_city&state_id=' + data.dependedValues.state_id;
                }
            }           
        }
    });

1 个答案:

答案 0 :(得分:1)

请确保,dependsOn引用的字段是正确的。我看到字段名称错误而没有下划线,将 dependsOn:'stateId'更改为 dependsOn:'state_id',。 此外,在字段中返回state_id值,如下所示:

state_id: {
    title: 'Provinsi',                  
    options: 'query/get_common_list.php?action=list_state',
    list: false,
    display: function (data) { return data.record.state_id;},             
},