Dev Extreme ライブラリで dxdatagrid を使用しています
データグリッド内の同じ行にある別のルックアップ列の値を変更した直後に、ルックアップ列のデータ ソースをフィルタリングする方法はありますか
説明するためにこのデモを作成しました。
var listAccount = [
{ ID: 1, WebsiteID: 1, Website: 'A', AccountID: '1', Username: 'A1' },
{ ID: 2, WebsiteID: 1, Website: 'A', AccountID: '2', Username: 'A2' },
{ ID: 3, WebsiteID: 2, Website: 'B', AccountID: '4', Username: 'B1' },
{ ID: 4, WebsiteID: 3, Website: 'C', AccountID: '7', Username: 'C1' },
{ ID: 5, WebsiteID: 4, Website: 'D', AccountID: '8', Username: 'D1' },
{ ID: 6, WebsiteID: 5, Website: 'E', AccountID: '9', Username: 'E1' }
];
var websites = [
{ WebsiteID: 1, Website: 'Website A' },
{ WebsiteID: 2, Website: 'Website B' },
{ WebsiteID: 3, Website: 'Website C' },
{ WebsiteID: 4, Website: 'Website D' },
{ WebsiteID: 5, Website: 'Website E' }
];
var account = [
{ AccountID: 1, Username: 'A1', WebsiteID: 1 },
{ AccountID: 2, Username: 'A2', WebsiteID: 1 },
{ AccountID: 3, Username: 'A3', WebsiteID: 1 },
{ AccountID: 4, Username: 'B1', WebsiteID: 2 },
{ AccountID: 5, Username: 'B2', WebsiteID: 2 },
{ AccountID: 6, Username: 'B3', WebsiteID: 2 },
{ AccountID: 7, Username: 'C1', WebsiteID: 3 },
{ AccountID: 8, Username: 'D1', WebsiteID: 4 },
{ AccountID: 9, Username: 'E1', WebsiteID: 5 },
{ AccountID: 10, Username: 'E2', WebsiteID: 5 }
];
var grid = $('#myGrid').dxDataGrid({
dataSource: listAccount,
columns: [
{
dataField: 'ID'
},
{
dataField: 'WebsiteID',
caption: 'Website',
lookup: {
dataSource: websites,
displayExpr: 'Website',
valueExpr: 'WebsiteID',
}
},
{
dataField: 'AccountID',
caption: 'Account',
lookup: {
dataSource: account,
displayExpr: 'Username',
valueExpr: 'AccountID',
}
}],
editing: {
editMode: 'batch',
editEnabled: true,
insertEnabled: true
}
}).dxDataGrid('instance');
編集モードで、別の Web サイトを選択すると、アカウントが選択した Web サイトのアカウントのみを表示する方法はありますか? 例: ウェブサイト A を選択すると、ルックアップ列にアカウント A1 と A2 のみが表示されます