我目前正在尝试使用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;
}
}
}
});
答案 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;},
},