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>

Coolite中的ComboBox控件示例相关推荐

  1. combox高度修改 winfrom_WinForm窗体中ComboBox控件自定义高度和选项文本居中完美解决方案...

    WinForm窗体中的ComboBox控件是有TextBox控件和ListBox控件组合而成,其本身是不能自定义高度的只能根据字体的大小而自动生成高度.另外,选中后的选项文本在ComboBox中显示默 ...

  2. 《Cocos Creator游戏实战》实现下拉框按钮ComboBox控件

    实现下拉框按钮ComboBox控件 创建节点 编写脚本 该功能已收录在Many Widgets插件中,使用Cocos Creator 3.x版本的小伙伴可以用该插件快速生成下拉框ComboBox控件. ...

  3. C# winform 让ComboBox控件的文本居中方法

    在C#中,当将ComboBox的属性DropDownStyle设置为DropDownList后,ComboBox2框的文本默认是靠左对齐的. 用ComboBox1举例,让下拉文本居中,订阅事件: pu ...

  4. 在ComboBox控件中使用嵌入字体。

    ComboBox控件的fontFamily样式学习. 示例: <?xml version="1.0" encoding="utf-8"?><! ...

  5. C#中combobox 控件属性、事件、方法

    http://blog.csdn.net/baggio7095586/article/details/6150075 一 .combobox 属性.事件.方法 公共属性 名称  说明 Accessib ...

  6. html下拉控件 拼音检索和中文检索,Combobox控件实现汉字按拼音首字母检索

    Combobox控件在开发中作为下拉选项的不二之选,用的非常频繁,前几日开发过程中刚好有个需求有用到这个控件,而且客户要求增加下拉选择功能,这个简单,设置控件的自动完成属性后就解决了this.comb ...

  7. WPF TabControl控件示例

    WPF TabControl控件示例 运行效果: 主窗体XAML代码: <Window x:Class="WPF0417.MainWindow"xmlns="htt ...

  8. .Net平台Winform两个ComboBox控件绑定同一个数据源

    今天WINFROM编程遇到这么一个问题:是有关WINFORM中两个comboBox控件绑定同一个数据源的问题,在窗体的界面上有两个comboBox,我在Form1_Load中对他们做了数据绑定(具体代 ...

  9. 在 .NET Compact Framework 2.0 中宿主 ActiveX 控件

    适用于: ActiveX Microsoft .NET Compact Framework 版本 2.0 摘要:了解如何在使用 .NET Compact 的应用程序中宿主 ActiveX 控件.本文提 ...

  10. Winform ComboBox控件高亮显示

    //重绘下拉表单窗口,需要在窗口设计代码中加入下面这一句 this.cmdChannelName.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawF ...

最新文章

  1. docker报错:driver failed programming external connectivity on endpoint, iptables:No chain by that name
  2. Mobileye独创性创新
  3. Content-Type 知识 介绍
  4. POJ - 3160 Father Christmas flymouse DAG最长路
  5. ip netns 命令使用
  6. Java中windows路径转换成linux路径等工具类
  7. /etc/group 很好很强大
  8. 总线制和多线制示意图_再谈总线制与多线制的区别
  9. 每天九点十分开始每半小时一次执行一个cron_每天通勤4小时!西咸双城生活的上班族,不简单...
  10. H5 video 开发问题及相关知识点
  11. 别再纠结线程池大小 + 线程数量了,没有固定公式的!
  12. 马斯克“地狱”归来,回应一切
  13. [幽默漫画]对于程序猿来说deadline很容易搞定!
  14. 爱奇艺客户端启动优化实践
  15. spring boot系列(三)spring boot 配置spring data jpa
  16. D-star Lite算法及其动态路径规划实验研究
  17. WAV音频文件的分析
  18. html 怎么让整体居中,html中表格整体居中 详解html里面如何让表格居中
  19. XP系统开机显示“NTDETECT失败”
  20. 面试又被问高并发,哑口无言?一份高并发核心文档助你吊打面试官

热门文章

  1. php转换emoji表情为图片输出小程序,微信小程序中使用emoji表情相关
  2. ReactNative之Image在Android设置圆角图片变形问题
  3. 管理大量定时任务,如果高效触发超时?
  4. spring cloud微服务分布式云架构简介
  5. SQL Server 2012:SQL Server体系结构
  6. 关于内存泄漏检测问题,和大家一起分享
  7. YUV420及YUV422格式的采集存储方式
  8. Ubuntu 16.04安装Markdown编辑器MarkMyWords
  9. Kafka Simple Consumer
  10. Centos 6.4 开启 VNC