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

AspxCheckBox 是一个反省编辑控件去显得独特尺码是否关闭或打开。它一般会展示Yes/No
或者是 True/False 的选择让用户。 用户可以经过用鼠标点击编辑控件改变Check状态或者经过本 SPACE键来转。

 

2011版本允许发生2要么3种植状态。 ASPxCheckBox支持2顶3饱受状态,依赖 AllowGrayed属性设置。 用程序设置状态,一般以 Checked 或者 CheckState属性。 Checked 是一个逻辑变量,可以辨认仅仅Checked
和 unchecked 状态。 CheckState属性允许你去摘三栽状态 ,分别是 Indeterminate
、Checked
、UnChecked.
前提条件是
AllowGrayed属性设置也True.

 

在三种植状态模式下,你可增加AllowGrayedByClick属性来控制用户是否转换编辑控件是否允许Indeterminatez 状态。

 

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

            Text=”Check”>

        </dx:ASPxCheckBox>

每当CheckBox属性页中AllowGrayedByClick为True

 

CheckBox控件可以打定义图片显示状态

您可透过 属性页中之

Images-> CheckedImage ->Url

Images-> GrayedImage ->Url

Images-> UnCheckedImage ->Url

安个性化图片效果

 

 

 

Combo Box

数量绑定

1、 SqlDataSource设置数据连接,详见上几首文章设置法

2、 ComboBox的 Choose Data Source
为sqldatasource1

3、 属性页中 数据 –>TextField ,
ValueField 设置需要出示列和价值

 

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

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

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

        </dx:ASPxComboBox>

4、 运行程序结果如下:

 

 

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>

 

 

 

ComboBox多排下拉亮

ASPxComboBox控件允许她的列表数据显示受多列。

 

点击comboBox控件,设置它们的展示列

 

运行程序,可观望下拉列是多列显示,但是得的TextBox的显示值为  27;Manage ,

为了显示好看,我们好设置
TextFormatString=”{0}”

使显示价值仅吧数组中的首先独。

 

 

ComboBox 图片以编辑区域

默认情况下,编辑Dropdown
List模式下同意和图片展开关联。

1.     手工添加tems 的模式,我们好当每一样items的杂项
–> ImageUrl 连接达您要之图形

2.     数据绑定方式。编辑控件的ImageUrlField
属性允许去显得图片的 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
联动作用

 

 

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联动的成效)

相关文章