(DevExpress2011控件教程)编辑控件(comboBox,AspxCheckBox) 范例1

AspxCheckBox 是一个反省编辑控件去显示独特尺码是还是不是关闭或者打开。它平日会体现Yes/No
或者是 True/False 的精选给用户。 用户可以通过用鼠标点击编辑控件改变Check状态或者经过按 SPACE键来改变。

 

2011版本允许有2或3种情状。 ASPxCheckBox协理2到3中状态,倚重 Allow格雷ed属性设置。 用程序设置意况,一般采用 Checked 或者 CheckState属性。 Checked 是一个逻辑变量,可以识别仅仅Checked
和 unchecked 状态。 CheckState属性允许你去挑选三种景况 ,分别是 Indeterminate
、Checked
、UnChecked.
前提条件是
Allow格雷ed属性设置为True.

 

在二种情况格局下,你可以扩充Allow格雷edByClick属性来控制用户是或不是转换编辑控件是不是同意Indeterminatez 状态。

 

<dx:ASPxCheckBox ID=”ASPxCheckBox1″ runat=”server” AllowGrayed=”True”

            Text=”Check”>

        </dx:ASPxCheckBox>

在CheckBox属性页中Allow格雷(Gray)edByClick为True

 

CheckBox控件可以自定义图片呈现状态

您可以经过 属性页中的

Images-> CheckedImage ->Url

Images-> GrayedImage ->Url

Images-> UnCheckedImage ->Url

设置个性化图片效果

 

 

 

Combo Box

数量绑定

1、 SqlDataSource设置数据连接,详见上几篇文章设置格局

2、 ComboBox的 Choose Data Source
为sqldatasource1

3、 属性页中 数据 –>Text菲尔德 ,
Value菲尔德(Field) 设置须求体现列和值

 

<dx:ASPxComboBox ID=”ASPxComboBox1″ runat=”server”

            DataSourceID=”SqlDataSource1″ DropDownStyle=”DropDown” TextField=”groupName”

            ValueField=”groupID” ValueType=”System.String”>

        </dx:ASPxComboBox>

4、 运行程序结果如下:

 

图片 1

 

ComboBox控件有前端过滤效果,

属性页 行为->IncrementalFilteringMode
属性

StartsWidth :
编辑控件过滤列表中的项
以搜寻字符开始的字符为过滤条件

Contains    :
编辑控件过滤列表中的项
以搜寻字符包蕴的字符为过滤条件

None       
:不要求过滤条件

 

<dx:ASPxComboBox ID=”ASPxComboBox1″ runat=”server” 
            DataSourceID=”SqlDataSource1″ DropDownStyle=”DropDown” 
            IncrementalFilteringMode=”Contains” TextField=”groupName” ValueField=”groupID” 
            ValueType=”System.String”>
        </dx:ASPxComboBox>

图片 2

 

 

 

ComboBox多列下拉显示

ASPxComboBox控件允许它们的列表数据展现于多列。

 

点击comboBox控件,设置它们的来得列

图片 3

 

运行程序,可观望下拉列是多列呈现,可是获取的TextBox的显示值为  27;Manage ,

为了体现雅观,大家可以设置
TextFormatString=”{0}”

使呈现值只为数组中的首个。

 

 图片 4

ComboBox 图片在编辑区域

默认意况下,编辑Dropdown
List格局下同意与图片展开关联。

1.     手工添加tems 的形式,大家可以在每一items的杂项
–> ImageUrl 连接上你需求的图形

2.     数据绑定形式。编辑控件的ImageUrl菲尔德(Field)属性允许去浮现图片的 Urls字段。

<dx:ASPxComboBox
ID=”ASPxComboBox1″
runat=”server”
DataSourceID=”XmlDataSource1″
        ImageUrlField=”ImageUrl”
TextField=”Text” ValueField=”Name” ValueType=”System.String”
        ShowImageInEditBox=”True” SelectedIndex=”0″>
        <ItemImage
Height=”24px” Width=”23px” />

 

 

ComboBox
联动效应

 图片 5

 

1、 绑定第四个comboBox

使用sqldatasource

 

<dx:ASPxComboBox ID=”cmbBoxFather” runat=”server”

            DataSourceID=”SqlDataSource1″ TextField=”groupName” ValueField=”groupID”

            ValueType=”System.String” ClientInstanceName=”cmbBoxFather”>

     

    </dx:ASPxComboBox>

 

2、 在comboBox 中添加 Client-Side
Event的SelectedIndexChanged 事件

 <ClientSideEvents SelectedIndexChanged=”function(s, e) {

cmbBoxChild.PerformCallback();

}” />

 

地点代码如下:

<dx:ASPxComboBox ID=”cmbBoxFather” runat=”server”

            DataSourceID=”SqlDataSource1″ TextField=”groupName” ValueField=”groupID”

            ValueType=”System.String” ClientInstanceName=”cmbBoxFather”>

        <ClientSideEvents SelectedIndexChanged=”function(s, e) {

        
cmbBoxChild.PerformCallback();

}” />

    </dx:ASPxComboBox>

 

 

3、 在其次个comboBox里添加oncallback=”cmbBoxChild_Callback” ClientInstanceName=”cmbBoxChild”

 

<dx:ASPxComboBox ID=”cmbBoxChild” runat=”server” i

               
oncallback=”cmbBoxChild_Callback” ClientInstanceName=”cmbBoxChild”>

    </dx:ASPxComboBox>

 

 

4、 在cs里添加事件

 

     protected void cmbBoxChild_Callback(object sender,
DevExpress.Web.ASPxClasses.CallbackEventArgsBase e)

        {

            string
s=cmbBoxFather.SelectedItem.Value.ToString();

            string Sql = “SELECT     ID, groupID, userType, empID
frOM 用®?户¡ì组Á¨¦ where
groupID=”+s;

            DataSet ds =
db.ExecuteDataSet(System.Data.CommandType.Text, Sql);

           
cmbBoxChild.DataSource =ds.Tables[0];

               
cmbBoxChild.TextField =”empID”;

                   
cmbBoxChild.ValueField=”empID”;

                   
cmbBoxChild.DataBind();

 

        }

 

运转结果如上图,选拔组名后,组名下属的用户ID自动在其次个comboBox里显示(其实那也就是大家常用的Ajax联动的功力)

相关文章