转至繁体中文版　　　  | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告：     敏韬网|教学资源学习资料永久免费分享站！  [mintao  2008年9月2日]        
您现在的位置： 学习笔记 >> 图文教程 >> 软件开发 >> VB.NET程序 >> 正文
Combobox属性及使用方法详解    热     ★★★

Combobox属性及使用方法详解

作者：闵涛 文章来源：闵涛的学习笔记 点击数：2798 更新时间：2012/2/23 14:02:11
Combobox属性及使用方法详解
  1. Ext.onReady(function(){   
  2.     //使用表单提示  
  3.      Ext.QuickTips.init();  
  4.      Ext.form.Field.prototype.msgTarget = 'side';//提示显示方式
  5.     /*
  6.      //定义读取数据映射。
  7.      var modelRecordDef = Ext.data.Record.create([
  8.          {name: 'name'},{name: 'value'}
  9.      ]);
  10.      //定义数据源和读取方式
  11.      //如果不想再页面初始化是加载数据，则可以有以下两种办法：
  12.      //第一、把comboboxStore.load()去掉。
  13.      //第二、不要proxy，在需要加载数据的时候再写上:comboboxStore.proxy = new Ext.data.HttpProxy({url: url})
  14.      //第二种方法可以灵活的取得下拉框的数据。因为可以变动url.
  15.      var comboboxStore=new Ext.data.Store({
  16.          //下面这句也可以直接写成：url: "../../manageActions/actionAction!getJsons.html",
  17.          proxy: new Ext.data.HttpProxy({ url: "../../manageActions/actionAction!getJsons.html"}),
  18.          //传给后台的参数：baseParams的参数是一直存在的，而params的参数，只有load时才会传递过去，当调用reload时参数就不存在了
  19.          baseParams:{arg:'Model'},
  20.          //设定读取的格式
  21.          reader: new Ext.data.JsonReader({
  22.              id:"modelCboxId",root:'resultList'
  23.              }, modelRecordDef),
  24.          //不排序，此属性为true则设置的所有排序都不起作用。此属性只对从服务器取数据有效。
  25.          remoteSort: true
  26.      });
  27.      //排序用的列名和排序方式，这个必须在load之前或者下次load时发生。
  28.      comboboxStore.setDefaultSort('name', 'ASC');
  29.      //排序用的列名和排序方式，这个无所谓load位置。
  30.      comboboxStore.sort('name', 'ASC');
  31.      //加载数据。
  32.      comboboxStore.load();
  33.      var Cb = new Ext.form.ComboBox({
  34.          fieldLabel: '下拉框',      //显示文本字段
  35.          valueField:'value',       //下拉框的值域
  36.          hiddenName:'cb',          //真正提交时此combo的name
  37.          displayField:'name',      //显示的域
  38.          id:'CbId',                //id
  39.          emptyText:'-- 请选择 --', //空文本是显示的值
  40.          renderTo: 'combobox',     //将此下拉框渲染到id为combobox的div中
  41.          width:200,                //宽度
  42.          anchor:'95.2%',           //自适应宽度，随着容器变化而变化。
  43.         selectOnFocus:true,     
  44.          triggerAction:'all',     //请设置为"all",否则默认为"query"的情况下，你选择某个值后，再次下拉时，只出现匹配选项，如果设为"all"的话，每次下拉均显示全部选项
  45.          store:comboboxStore,     //下拉框数据来源
  46.          typeAhead:true,          //延时查询，与下面的参数配合
  47.          typeAheadDelay:250,      //默认250
  48.          editable:true,           //是否可编辑
  49.          forceSelection:true,     //是否只能选择下拉框的值，即不会取输入的未在下拉框值域内的值
  50.          mode: 'local'            //因为data已经取数据到本地了，所以'local',默认为"remote"
  51.      });
  52.      */  
  53.     //读取本地数据  
  54.     var localStore = new Ext.data.SimpleStore({  
  55.          fields: ["num"],  
  56.          data: [["2"],["1"],["5"],["3"],["9"],["6"]],  
  57.         //排序，只能对本地取数据有效。  
  58.          sortInfo:{field:"num"}  
  59.      });  
  60.     //排序用的列名和排序方式，对于本地数据和服务器取数据一样适用。  
  61.      localStore.sort('num', 'ASC');  
  62.     var localCb = new Ext.form.ComboBox({  
  63.          store: localStore,  
  64.          renderTo: 'combobox',  
  65.          valueField :"num",  
  66.          displayField: "num",  
  67.          hiddenName:'number',  
  68.          mode: 'local',  
  69.          forceSelection: true,  
  70.          blankText:'-- 请选择 --',  
  71.          emptyText:'-- 请选择 --',  
  72.          editable: true,  
  73.         selectOnFocus:true,  
  74.          triggerAction: 'all',  
  75.          id:'localCombo',  
  76.          anchor:'95.2%',  
  77.          typeAhead: true,  
  78.          fieldLabel: '数字'  
  79.      });  
  80.       
  81.     //把已有的下拉框改变为Ext样式  
  82.     var ExtSelect=new Ext.form.ComboBox({  
  83.              transform:"select",//html中的select控件id  
  84.              width:200          //宽度  
  85.          });  
  86. });  
    1. Ext.onReady(function(){   
    2.     //使用表单提示   
    3.      Ext.QuickTips.init();   
    4.      Ext.form.Field.prototype.msgTarget = 'side';//提示显示方式   
    5.        
    6.     /*
    7.      //定义读取数据映射。
    8.      var modelRecordDef = Ext.data.Record.create([
    9.          {name: 'name'},{name: 'value'}
    10.      ]);
    11.      //定义数据源和读取方式
    12.      //如果不想再页面初始化是加载数据，则可以有以下两种办法：
    13.      //第一、把comboboxStore.load()去掉。
    14.      //第二、不要proxy，在需要加载数据的时候再写上:comboboxStore.proxy = new Ext.data.HttpProxy({url: url})
    15.      //第二种方法可以灵活的取得下拉框的数据。因为可以变动url.
    16.      var comboboxStore=new Ext.data.Store({
    17.          //下面这句也可以直接写成：url: "../../manageActions/actionAction!getJsons.html",
    18.          proxy: new Ext.data.HttpProxy({ url: "../../manageActions/actionAction!getJsons.html"}),
    19.          //传给后台的参数：baseParams的参数是一直存在的，而params的参数，只有load时才会传递过去，当调用reload时参数就不存在了
    20.          baseParams:{arg:'Model'},
    21.          //设定读取的格式
    22.          reader: new Ext.data.JsonReader({
    23.              id:"modelCboxId",root:'resultList'
    24.              }, modelRecordDef),
    25.          //不排序，此属性为true则设置的所有排序都不起作用。此属性只对从服务器取数据有效。
    26.          remoteSort: true
    27.      });
    28.      //排序用的列名和排序方式，这个必须在load之前或者下次load时发生。
    29.      comboboxStore.setDefaultSort('name', 'ASC');
    30.      //排序用的列名和排序方式，这个无所谓load位置。
    31.      comboboxStore.sort('name', 'ASC');
    32.      //加载数据。
    33.      comboboxStore.load();
    34.      var Cb = new Ext.form.ComboBox({
    35.          fieldLabel: '下拉框',      //显示文本字段
    36.          valueField:'value',       //下拉框的值域
    37.          hiddenName:'cb',          //真正提交时此combo的name
    38.          displayField:'name',      //显示的域
    39.          id:'CbId',                //id
    40.          emptyText:'-- 请选择 --', //空文本是显示的值
    41.          renderTo: 'combobox',     //将此下拉框渲染到id为combobox的div中
    42.          width:200,                //宽度
    43.          anchor:'95.2%',           //自适应宽度，随着容器变化而变化。
    44.          <SPAN id=TheWorldHiLightStyleID style="BACKGROUND: #ffff00; COLOR: #000000">selectOnFocus</SPAN>:true,     
    45.          triggerAction:'all',     //请设置为"all",否则默认为"query"的情况下，你选择某个值后，再次下拉时，只出现匹配选项，如果设为"all"的话，每次下拉均显示全部选项
    46.          store:comboboxStore,     //下拉框数据来源
    47.          typeAhead:true,          //延时查询，与下面的参数配合
    48.          typeAheadDelay:250,      //默认250
    49.          editable:true,           //是否可编辑
    50.          forceSelection:true,     //是否只能选择下拉框的值，即不会取输入的未在下拉框值域内的值
    51.          mode: 'local'            //因为data已经取数据到本地了，所以'local',默认为"remote"
    52.      });
    53.      */  
    54.     //读取本地数据   
    55.     var localStore = new Ext.data.SimpleStore({   
    56.          fields: ["num"],   
    57.          data: [["2"],["1"],["5"],["3"],["9"],["6"]],   
    58.         //排序，只能对本地取数据有效。   
    59.          sortInfo:{field:"num"}   
    60.      });   
    61.     //排序用的列名和排序方式，对于本地数据和服务器取数据一样适用。   
    62.      localStore.sort('num', 'ASC');   
    63.     var localCb = new Ext.form.ComboBox({   
    64.          store: localStore,   
    65.          renderTo: 'combobox',   
    66.          valueField :"num",   
    67.          displayField: "num",   
    68.          hiddenName:'number',   
    69.          mode: 'local',   
    70.          forceSelection: true,   
    71.          blankText:'-- 请选择 --',   
    72.          emptyText:'-- 请选择 --',   
    73.          editable: true,   
    74.          <SPAN id=TheWorldHiLightStyleID style="BACKGROUND: #ffff00; COLOR: #000000">selectOnFocus</SPAN>:true,   
    75.          triggerAction: 'all',   
    76.          id:'localCombo',   
    77.          anchor:'95.2%',   
    78.          typeAhead: true,   
    79.          fieldLabel: '数字'  
    80.      });   
    81.        
    82.     //把已有的下拉框改变为Ext样式   
    83.     var ExtSelect=new Ext.form.ComboBox({   
    84.              transform:"select",//html中的select控件id   
    85.              width:200          //宽度   
    86.          });   
    87. });  
    89. <div id="combobox"></div>  
    90.     <select id="select">  
    91.         <option value="1">男</option>  
    92.         <option value="2">女</option>  
    93.         <option value="3">人妖</option>  
    94.     </select>

[C语言系列]WebBrowser控件的常用方法、属性和事件  [C语言系列]C# Regex用法详解
[C语言系列]combobox 动态添加value值和Text值 .  [MySql]MySQL DELETE语法用法详解
[C语言系列]Messagebox.Show()常用参数用法实例详解  [Web开发]Apache访问日志详解
[Web开发]dede 调用自定义字段方法详解  [C语言系列]Combobox出现System.Data.DataRowView的原因，以及…
[C语言系列]C#中combobox 控件属性、事件、方法(部分常用)  [C语言系列]【C#控件】LinkLabel控件使用方法
教程录入：mintao    责任编辑：mintao 
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]
    　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    同类栏目
    · C语言系列  · VB.NET程序
    · JAVA开发  · Delphi程序
    · 脚本语言
    更多内容
    热门推荐 更多内容
  • 没有教程
    		•
    赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题，因而无法显示。
    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长：MinTao ICP备案号：鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网。A打造B、C、D……
    		咸宁网络警察报警平台