在ExtJS框架中，经常会使用到的下拉控件一般仅限于官方提供的下拉列表（***boBox），它对于基础的表单输入非常有用。然而，当需要实现更加复杂的用户交互时，例如在选择数据时拥有类似树形结构的下拉或者表格形式的下拉时，单纯使用官方提供的下拉列表控件就显得力不从心了。因此，我们需要学会如何自定义控件，满足实际业务中的需求。
自定义ExtJS控件的基础是阅读和理解官方源码，因为官方示例中的控件都是根据特定需求设计和编写的。通过深入分析官方的代码，我们能够学习到如何按照框架的规则和约定来构建新的控件。
在本例中，主要介绍如何创建两个自定义控件：下拉树（ComboTreeBox）和下拉表格（ComboGridBox）。这两个控件都继承了***boBox类，利用了ExtJS框架中的类继承机制来实现自定义功能。
自定义下拉树控件的关键在于重写createPicker方法。在createPicker方法中，我们创建了一个树形面板（Ext.tree.Panel）作为下拉展示的载体。这个树形面板可以配置各种属性，如store（数据存储），根节点是否可见（rootVisible），选择模式（selModel）等。同时，注册了各种事件来处理用户与树形控件的交互，比如节点点击事件（itemclick），选择改变事件（selectionchange）等。
与下拉树类似，下拉表格控件也是继承了***boBox，并且同样重写了createPicker方法。在这个方法中，我们创建了一个网格面板（Ext.grid.Panel）来展示下拉的内容。这个网格面板具有标题栏（title），框架（frame），可调整大小（resizable）等属性。通过配置列（columns），每一列显示不同的数据，例如ID、名称和描述。网格面板也支持多选模式，以适应不同的业务场景。同样地，我们也要注册一些事件，如点击事件（itemclick）和列表刷新事件（refresh）等，以确保下拉表格控件能够正确响应用户的操作。
创建这些自定义控件，不仅可以丰富用户界面，还可以增强程序的功能性和用户体验。需要注意的是，自定义控件虽然功能强大，但也要注意控制复杂度。避免过度自定义而引入不必要的bug，或者使得代码难以维护。通常的做法是在理解了官方示例的基础上，合理地修改和增强现有的组件，而不是完全从零开始编写。
以上内容详细介绍了如何根据实际的业务需求，通过继承ExtJS提供的基础控件类，并重写特定方法来创建新的控件。这种方法不仅可以应用于创建下拉树和下拉表格，还可以推广到其他复杂控件的开发中。通过本例的描述和代码示例，我们可以学习到ExtJS的类继承机制和组件扩展机制，这对于提升ExtJS框架应用开发的灵活性和效率有极大的帮助。
