zoukankan      html  css  js  c++  java
  • Coolite中的ComboBox控件示例

    Coolite 中的ComboBox控件示例,这里写出几个常用方法:

    一、基本用法:

     <ext:ComboBox ID="cboSelectCol" runat="server" AllowBlank="false" Editable="false" 
              FieldLabel="检索条件"  EmptyText="请选择检索条件" >
              <Items>
                    <ext:ListItem Text="按标题检索" Value="Title" />
                    <ext:ListItem Text="按编码检索" Value="Coding" />
                    <ext:ListItem Text="按关键字检索" Value="Keyword" />
                    <ext:ListItem Text="按描述检索" Value="Describe" />
                    <ext:ListItem Text="按全文检索" Value="Body" />
                     <ext:ListItem Text="按作者检索" Value="Author" />
              </Items>
    </ext:ComboBox>

    说明:

    1.AllowBlank 是否允许空白,可用于表单验证。

    2.Editable     是否可编辑,为false是只可选择。

    3.FieldLabel   控件显示标签的文本。

    4.EmptyText 下拉菜单初始为空时显示的文本。

    5.Items         下拉菜单中的项目集合。

    6.Text    项目显示的文本。

    7.Value    项目的值,不显示。

    二、动态数据绑定:

    <ext:Store ID="Store1" runat="server" AutoLoad="false" >
            <Reader>
                <ext:JsonReader>
                    <Fields>
                        <ext:RecordField Name="id"  />
                        <ext:RecordField Name="name"  />
                    </Fields>
                </ext:JsonReader>
    </Reader>

    <ext:ComboBox ID="cboSortNode" runat="server"

      DisplayField="name"  ValueField="id"   StoreID="Store1" /> 

    后台代码:

         this.Store1.DataSource = DataTable1;//DataTable绑定,DataTable中应有 id , name 两列。
         this.Store1.DataBind();

    说明:

    1.DisplayField  绑定的项目文本

    2.ValueField    绑定的项目值

    3.StoreID   数据据源Store控件ID

    三、后台取值:

    this.ComboBox1.SelectedItem.Text  //选中项的文本

    this.ComboBox1.SelectedItem.Value //选中项的值

    四、赋值:

    前台

     <Listeners>
           <Click Handler="#{cboSortNode}.setValue('6');" />
    </Listeners>

    后台

    this.cboSortNode.SelectedItem.Value = "3";

    说明:"3"为绑定值中已有的数据,如果设置的值绑定数据中没有则显示设置的值,且Value和Text均为设置的值。

    五、事件:

    事件用法与Coolite标准用法基本相同这里不多赘述,可详见Coolite事件详解这篇文章,这里仅列出几个特殊事件。

    AjaxEvent,选择后触发。

    <AjaxEvents>
          <Select OnEvent="cboRoleName_Change">
            <EventMask ShowMask="true" Msg="正在读取中,请稍后..." MinDelay="200" />
          </Select>
    </AjaxEvents>

  • 相关阅读:
    如何提高逻辑思维的能力 思维的层次 逻辑思维能力练习方式
    淘宝JAVA中间件Diamond详解之简介&快速使用 管理持久配置的系统
    java 取模运算% 实则取余 简述 例子 应用在数据库分库分表
    SpringMVC+Spring+mybatis项目从零开始--Spring mybatis mysql配置实现
    SpringMVC+Spring+mybatis项目从零开始--分布式项目结构搭建
    JS密码校验规则前台验证(不能连续字符(如123、abc)连续3位或3位以上)(不能相同字符(如111、aaa)连续3位或3位以上)
    12 个非常实用的 jQuery 代码片段
    html增加和删除div
    css改变hr颜色
    jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/1780526.html
Copyright © 2011-2022 走看看