博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Sencha Touch 下拉列表 selectfield 的使用
阅读量:5882 次
发布时间:2019-06-19

本文共 1192 字,大约阅读时间需要 3 分钟。

hot3.png

定义一个下拉列表:

xtype : 'selectfield',label : '这是下拉列表',labelWrap : true,//自动换行displayField:"newText",//默认为textvalueField:"newValue", //默认为valueoptions : [    {        newText : 'newtext1',        newValue : 'newValue1'    },    {        newText : 'newtext2',        newValue : 'newValue2'    },],listeners : {    change : {// 内容改变        fn : function(obj, newValue, oldValue, eOpts) {        //这里添加你的值改变事件要执行的动作        }    }}

newText和newValue是下拉列表对应的显示字符串和显示字符串所对应的值,默认为text和value,主要是用来处理与服务器传来的数据源对应的名字对应;

数据源可以是数组和store,其中数组对应为options;

奇怪的是Sencha Touch 并未提供获取显示字符串的方法,当然需要获得显示字符串的这种需求也确实少见。不过以备不时之需,下面仍给出两种方式获得选择的项的展示字符串:

1.options:

var options = this.config.gzclgcs.getOptions();//获得selectField的optionsvar value = this.config.gzclgcs.getValue();//获得当前选中项的值(默认为value)var len = options.length;for (var i = 0; i < len; i++) {    if (options[i].newValue == value) {        return options[i].newText;    }}

2.store:

var value = this.config.gzclgcs.getValue();var store = this.config.gzclgcs.getStore();var len = store.getCount();for(var i=0;i

关于setOptions()方法,其实在Sencha Touch  的内部还是生成了一个store。所以即便是用setOptions的方法设置数据的也可以通过第二种方式获得指定value得到对应的fieldValue

转载于:https://my.oschina.net/u/259577/blog/209037

你可能感兴趣的文章
==和equals区别
查看>>
2010技术应用计划
查看>>
XML 节点类型
查看>>
驯服 Tiger: 并发集合 超越 Map、Collection、List 和 Set
查看>>
Winform开发框架之权限管理系统改进的经验总结(3)-系统登录黑白名单的实现...
查看>>
LeetCode – LRU Cache (Java)
查看>>
JavaScript高级程序设计--对象,数组(栈方法,队列方法,重排序方法,迭代方法)...
查看>>
【转】 学习ios(必看经典)牛人40天精通iOS开发的学习方法【2015.12.2
查看>>
在 ASP.NET MVC 中使用异步控制器
查看>>
SQL语句的执行过程
查看>>
详解Linux中Load average负载
查看>>
HTTP 协议 Cache-Control 头——性能啊~~~
查看>>
PHP遍历文件夹及子文件夹所有文件
查看>>
WinForm程序中两份mdf文件问题的解决
查看>>
程序计数器、反汇编工具
查看>>
Android N: jack server failed
查看>>
如何将lotus 通讯簿导入到outlook 2003中
查看>>
WinForm 应用程序中开启新的进程及控制
查看>>
js replace,正则截取字符串内容
查看>>
Thinkphp5笔记三:创建基类
查看>>