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 中做到这一点。谢谢。