<dxe:ASPxComboBox ID="cbPiciSelect" runat="server" Width="244px" DataSourceID="sdsPiCi" TextField="PICI" ValueField="PICI" ValueType="System.String" EnableIncrementalFiltering="True" EnableTheming="False">
</dxe:ASPxComboBox>
設置EnableIncrementalFiltering="True"後,可編輯,可過濾
設置 DropDownStyle="DropDown" 後,該控件既可以手動填寫,也可以選擇。
圖1:下拉列表爲單列的界面
HTML代碼如下
DataSourceID="SqlDataSource1" TextField="ProductName" ValueField="ProductName" Width="100%" />
IncrementalFilteringMode屬性有三個選項分別爲(StartsWith,Contains,None),對應的功能爲(從列表的開始處過濾,所有包含過濾條件的行,不能設置過濾條件)
TextField是前臺顯示的文本,ValueField是後臺記錄的值
TextFormatString設置前臺顯示的樣式,如果僅僅希望顯示某列的數據,則使用TextFormatString={1}(表示僅僅顯示第二列的數字)
Columns列的集合,ASPxComboBox的列使用dxe:ListBoxColumn的方式增加
圖2:下拉列表爲多列的界面
HTML代碼
ValueField="ID" ValueType="System.String" TextFormatString="{0} ({1})"
IncrementalFilteringMode="StartsWith" Width="100%">
<Columns>
<dxe:ListBoxColumn FieldName="CateoryName" Width="90px" />
<dxe:ListBoxColumn FieldName="Description" Width="300px"/>
</Columns>
</dxe:ASPxComboBox>
此下拉列表也可是實現多級聯動的功能,但是其將所有的數據全部顯示在頁面上,這樣會導致頁面文件龐大,影響頁面的初始化速度,建議使用Ajax來實現無刷新的多級聯動功能。