ASPxComboBox屬性設置

<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" 後,該控件既可以手動填寫,也可以選擇。

ASPxComboBox屬性設置 - yishimengying - yishimengying的博客

圖1:下拉列表爲單列的界面

HTML代碼如下

 

<dxe:ASPxComboBox ID="ASPxComboBox1" runat="server" DropDownStyle="DropDown" IncrementalFilteringMode="StartsWith"
DataSourceID
="SqlDataSource1" TextField="ProductName" ValueField="ProductName" Width="100%" />

IncrementalFilteringMode屬性有三個選項分別爲(StartsWith,Contains,None),對應的功能爲(從列表的開始處過濾,所有包含過濾條件的行,不能設置過濾條件)

TextField是前臺顯示的文本,ValueField是後臺記錄的值

TextFormatString設置前臺顯示的樣式,如果僅僅希望顯示某列的數據,則使用TextFormatString={1}(表示僅僅顯示第二列的數字)

Columns列的集合,ASPxComboBox的列使用dxe:ListBoxColumn的方式增加

ASPxComboBox屬性設置 - yishimengying - yishimengying的博客

圖2:下拉列表爲多列的界面

HTML代碼

 

<dxe:ASPxComboBox ID="ASPxComboBox2" runat="server" DropDownStyle="DropDownList" DataSourceID="SqlDataSource2"
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來實現無刷新的多級聯動功能。

發佈了11 篇原創文章 · 獲贊 6 · 訪問量 15萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章