extjs - ExtJsでチェックボックスが選択されたときにチェックボックスを含むダイアログボックスを生成する

Question

私は Ext-js の初心者であり、チュートリアルについては sencha.com を参照しています。ext-js 2.2 で既存のアプリケーション ビルドを変更しようとしています。特に、チェックボックスのオプションに続くページがあります。

var assetPermissions = [
    { id: 'MF',  name: 'Mutual Funds' },
    { id: 'ETF', name: 'ETFs' },
    { id: 'CE',  name: 'Closed End Funds' },
    { id: 'ST',  name: 'Stocks' },
    { id: 'VA',  name: 'Variable Annuities' },
    { id: 'FI',  name: 'Bonds' },
            { id: 'SMA', name: 'Separately Managed Accounts'  },
    { id: 'MO',  name: 'Models' },
    { id: 'MM',  name: 'Managed Models' },
    { id: 'UD',  name: 'User Defined' },
    { id: 'I:MD',  name: 'Model Dashboard' },
    { id: 'I:SC',  name: 'Screener' },
    { id: 'CUAS',  name: 'Create Custom Assets & Folders' },
            { id: 'OA', name: 'Other Assets'}
];

ここで、ユーザーがチェック ボックスで [その他のアセット] オプションを選択すると、別のチェック ボックスで次のようなプロンプトが表示されるようにしたいと考えています。

Name                         Select
ABC
XYZ 
                Save | Cancel

また、そのダイアログ ボックスに [保存] ボタンと [キャンセル] ボタンが必要で、変更内容が保存されます。

したがって、ExtJs でこれを行う方法を提案できる人は誰でもいます。ありがとう。