设计相互联系的下拉框控件的方法

设计相互联系的下拉框控件的方法

在应用程序的界面中，经常可以看到相互关联的下拉框组出现。比如查询条件一类应用，设置查询条件时，经常是第一个下拉框中含有待查询的项目，选中其中的一个项目，第二个下拉框中的选项变为对应于该项目类型的运算符，第三个下拉框中的选择变为对应于该项目的可选值。
一般的，这种关联关系的处理都是放在下拉框控件所在的对话框等容器窗口中。通过第一个下拉框的SelectChange通知消息，根据选中的项目，对后面相关的下拉框进行处理。这样做的不好之处是，下拉框控件之间的相互关系放到容器类中来处理，容器类的代码就会显得比较乱；而且这些下拉框基本失去的重用的可能。
基于上面的分析，我写了些下拉框类，通过Observer模式来把下拉框控件之间的交互放到它们自己的类中来实现，在容器类中，只负责为下拉框的数据源赋值，并处理它们之间的关系。具体的代码大概如下：

typedef map <string, list <string> > OB_MAP; // 观察者的数据源类型
typedef map <string, string> SUB_MAP;// 主题的数据源类型
typedef CMap<CString, LPCTSTR, CString, LPCTSTR> MFC_SUB_MAP;// 主题赋值数据源类型，为了MFC下赋值方便，采用CMap

// 观察者下拉框
class CObComboBox : public CComboBox
{
OB_MAP m_mapContent;// 数据源
void Update(string strKey);// 根据主题所选项目的类型来更新，内部遍历Map，找到匹配项，调用RefreshContent重新生成下拉选项
void AddDataSourceItem(CString strKey, CStringArray& arrItemContent);// 外部设置数据源中的一个条目
void RefreshContent(list<string> & arrContent); // 根据匹配的字符列表重新生成下拉选项
};

// 主题下拉框
class CSubComboBox : public CComboBox
{
list <CObComboBox*> m_arrObserver;// 观察者列表
SUB_MAP m_mapContent;// 主题数据源
void AddObserver(CObComboBox* pOb);// 添加到观察者列表
void AddDataSource(MFC_SUB_MAP & mapContent);// 外部设置数据源
void Notify(string strKey);// 通知观察者更新，内部遍历观察者列表，调用其Update函数
afx_msg void OnCbnSelchange();// 处理SelectChange消息，内部遍历Map，找到匹配项后，调用Notify函数
};

具体的实现，这里就不赘述了，无非是一些stl和CString/CStringArray之间的操作

外部使用的时候，可以写成类似下面的函数：
void CXXXDlg::InitCombo(void)
{
// 给第一个下拉框的下拉选项赋值，分别为1和hello，类型为INT和STRING
MFC_SUB_MAP mapContent;
mapContent.SetAt(_T("1"), _T("INT"));
mapContent.SetAt(_T("hello"), _T("STRING"));

m_cbbType.AddDataSource(mapContent);

// 给第二个下拉框，也就是运算符下拉框赋数据源
CStringArray arrIntOp, arrStringOp;
arrIntOp.Add(_T("=="));
arrIntOp.Add(_T("!="));

arrStringOp.Add(_T("NULL"));
arrStringOp.Add(_T("Contain"));
arrStringOp.Add(_T("NonContain"));

// INT类型的运算符为 ==和!=
m_cbbOperator.AddDataSourceItem(_T("INT"), arrIntOp);
// STRING类型的运算符为 NULL,Contain和NonContain
m_cbbOperator.AddDataSourceItem(_T("STRING"), arrStringOp);

// 给第三个下拉框，也就是可选值下拉框赋数据源
CStringArray arrInt, arrString;
arrInt.Add(_T("2"));
arrInt.Add(_T("3"));
arrInt.Add(_T("4"));
arrInt.Add(_T("5"));
arrInt.Add(_T("6"));

arrString.Add(_T("a"));
arrString.Add(_T("b"));
arrString.Add(_T("c"));
arrString.Add(_T("d"));
arrString.Add(_T("e"));

// INT类型的可选值为2,3,4,5,6
m_cbbValue.AddDataSourceItem(_T("INT"), arrInt);
// STRING类型的可选值为a,b,c,d,e
m_cbbValue.AddDataSourceItem(_T("STRING"), arrString);

// 最后定义观察关系
m_cbbType.AddObserver(&m_cbbOperator);
m_cbbType.AddObserver(&m_cbbValue);
}

这样当第一个下拉框选择1或者hello时，后两个下拉框就会根据其选择来显示对应的运算符和可选值。而且在主对话框CXXXDlg中，只要定义数据源和关系即可，比较清楚。