Infragistics 控件集中WebCombox控件使用小节

我们都知道Infragistics控件在是软件开发界非常出名的控件，而且用起来很方便、简单，这节我就给大家讲讲Infragistics控件集中WebCombox的使用实例。

一、WebCombox 使用
  1、运行界面
 

  2、前台HTML代码
  <igcmbo:WebCombo ID="WebCombo1" runat="server" BackColor="White" BorderColor="Silver"
            BorderStyle="Solid" BorderWidth="1px" ForeColor="Black" SelBackColor="DarkBlue"
            SelForeColor="White" Version="4.00">
           <Columns>
    <igtbl:UltraGridColumn HeaderText="Title" Key="Title" IsBound="True" BaseColumnName="Title">
     <Footer Key="Title"></Footer>
     <Header Key="Title" Caption="First Title"></Header>
    </igtbl:UltraGridColumn>
    <igtbl:UltraGridColumn HeaderText="BirthDate" Key="BirthDate" IsBound="True" BaseColumnName="BirthDate">
     <Footer Key="BirthDate"></Footer>
     <Header Key="BirthDate" Caption="BirthDate"></Header>
    </igtbl:UltraGridColumn>
   </Columns>
            <ExpandEffects ShadowColor="LightGray" />
            <DropDownLayout BorderCollapse="Separate" RowHeightDefault="20px" Version="4.00">
                <HeaderStyle BackColor="LightGray" BorderStyle="Solid">
                    <BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />
                </HeaderStyle>
                <FrameStyle BackColor="Silver" BorderStyle="Ridge" BorderWidth="2px" Cursor="Default"
                    Font-Names="Verdana" Font-Size="10pt">
                </FrameStyle>
                <RowStyle BackColor="White" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px">
                    <BorderDetails WidthLeft="0px" WidthTop="0px" />
                </RowStyle>
                <SelectedRowStyle BackColor="DarkBlue" ForeColor="White" />
            </DropDownLayout>
            <ExpandEffects ShadowColor="LightGray"></ExpandEffects>
        </igcmbo:WebCombo>

  在这里主要注意的是 Columns列的绑定与数据库中列一致。。
  如<igtbl:UltraGridColumn HeaderText="Title" Key="Title" IsBound="True" BaseColumnName="Title">
     <Footer Key="Title"></Footer>
     <Header Key="Title" Caption="First Title"></Header>
    </igtbl:UltraGridColumn>
  
   3、后台CS代码
            DataTable dt = new DataTable();
            dt.Columns.Add("EmployeeID");
            dt.Columns.Add("Title");
            dt.Columns.Add("Telephone");

            DataRow dr = dt.NewRow();
            dr["EmployeeID"] = "0001";
            dr["Title"] = "abc111";
            dr["Telephone"] = "136XXXX8888";
            dt.Rows.Add(dr);

            dr = dt.NewRow();
            dr["EmployeeID"] = "0002";
            dr["Title"] = "abc222";
            dr["Telephone"] = "021-XXXXX";
            dt.Rows.Add(dr);

            dr = dt.NewRow();
            dr["EmployeeID"] = "0003";
            dr["Title"] = "abc3333";
            dr["Telephone"] = "138XXX8845";
            dt.Rows.Add(dr);

            this.WebCombo1.DataSource = dt;
            this.WebCombo1.DataTextField = "Title";
            this.WebCombo1.DataValueField = "EmployeeID";
            this.WebCombo1.DataBind();