sencha touchextjs xtype类型 都有什么类型

来源：蜘蛛抓取(WebSpider) 时间：2016-04-09 05:07 标签： sencha touch xtype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&sencha touch list 批量选择扩展(2013729)
&扩展js代码
2 *list多选扩展
4 Ext.define('ux.SimpleList', {
alternateClassName: 'simpleList',
extend: 'Ext.List',
xtype: 'simpleList',
editCls: 'simpleList',
//不加在时可能没反应
onItemDisclosure: false,
//是否在多选状态（不可更改）
isSimple: false,
//设置数据主键(可配置)
ckId: 'id',
//默认选择类型，用以应对多种选择情况
defSimpleType: 0,
//多选时弹出菜单栏(可配置)
simpleToolBar: {
//默认位置
docked: 'bottom',
//默认标题，用以应对多种选择情况
defTitle: '删除',
xtype: 'button',
text: '全选',
align: 'left',
//标志是全选还是取消全选
isSimple: true,
listeners: {
tap: function (button) {
var list = button.up('list');
if (this.isSimple) {
this.setText('取消全选');
list.selectAll();
this.setText('全选');
list.deselectAll();
this.isSimple = !this.isS
cls: 'moreButton',
xtype: 'button',
text: '取消',
align: 'right',
listeners: {
tap: function (button) {
var list = button.up('list');
//结束多选
list.endSimple(list);
cls: 'moreButton',
xtype: 'button',
text: '确定',
align: 'right',
listeners: {
tap: function (button) {
var list = button.up('list');
var items = list.getSelection();
//获取选中项
var ids = [];
for (var i = 0,
item = items[i]; i++) {
ids.push(item.data[list.config.ckId]);
if (ids.length&0) {
//触发选择成功事件list:list本身,items:被选中的行,ids:被选中key集合,list.config.simpleType:自定义配置状态
list.fireEvent('simpleSuccess', list, items, ids, list.config.simpleType);
//结束多选
list.endSimple(list);
listeners: {
//监控是否在多选状态
itemtap: function (list, index, target, record, e) {
//如果在多选状态停止后续事件的执行
if (this.config.isSimple) {
e.stopEvent();
//只要按键住就会触发，和按键是否离开没有关系
itemtaphold: function (list, index, target, record, e) {
//开始多选
this.beginSimple();
//获取多选边栏
getSimpleToolBar: function () {
var simpleToolBar = Ext.create('Ext.TitleBar', this.config.simpleToolBar);
return simpleToolB
//进入多选状态
beginSimple: function (simpleType, title) {
if (!this.config.isSimple) {
//取消全选
this.deselectAll();
//进入多选模式
this.setMode('SIMPLE');
this.addCls(this.config.editCls);
//显示OnItemDisclosure
this.setOnItemDisclosure(true);
//加入标记，以便在itemtap事件中进行判定
this.config.isSimple = true;
//应对多种选择需求
if (simpleType) {
this.config.simpleType = simpleT
this.config.simpleType = this.config.defSimpleT
//改变标题
if (title) {
this.config.simpleToolBar.title =
this.config.simpleToolBar.title = this.config.simpleToolBar.defT
//添加多选边栏
this.add(this.getSimpleToolBar());
//结束多选模式
endSimple: function () {
var titlebar = this.down('titlebar');
if (titlebar) {
//移除多选边栏
titlebar.hide();
titlebar.destroy();
//取消全选
this.deselectAll();
//进入单选模式
this.setMode('SINGLE');
this.removeCls(this.config.editCls);
//隐藏OnItemDisclosure
this.setOnItemDisclosure(false);
//加入标记，以便在itemtap事件中进行判定
this.config.isSimple = false;
//更新OnItemDisclosure需要
updateOnItemDisclosure: function (newConfig, oldConfig) {
if (oldConfig == null) {
var items = this.listI
for (var i = 0,
ln = items. i & i++) {
var dItem = items[i].getDisclosure();
newConfig === false ? dItem.hide() : dItem.show();
需要加入的css
1 .simpleList .x-list-disclosure {
-webkit-mask-size:100%;
-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAE+klEQVRoBe2aS28URxRGsY0h2FmwCQuEWLHjvUNgZAQ4PMwrEkIRIGEgySKwB8QvYIvEP+ANO0CwsJAA88wGBEKBZJUVQkJCQrwJ5nxN31Z5pnpc7e4ZT9vT0peqqanquqfurVvlIW3Dw8NTJtPTPplgxdoCnugeb3m45eEJtgJTJwJPGw8cP8V6TfmC4/Z/H9uEAAZsIdqHZiMBn2UNbvigSw8M2AIAD6PtqBPpmYe+8t1NoL9GLfYf3bTKKhiWo9PoA9KV0dUgn/tRh8tXWg/Hnj0KUB8yz1JNnjXUuhFd264A/f0O7dKXpQ7EIiTPfkKuVyvrSlx3US+KPF26cMbwxeg8Gg3W4LWHFd6rUUepQprQnI/Rh9A25AtjmqseHVkK7w59UxpgYFdg7wH0CwqFpWvyrKI23GZ7OWluwgqwOnqOobVoWh4Tm97DwCpBHUFp2TiUX3v5QVMnLQzMmqAsUVWWyta3UX/TAmOcwjjk6KmE830W7GbU0ZTAGKYEJdj3yAcQ2qYw1jmsG9e0KF8122UDw/SHwFX0EYWC+fpZGG/hPcn1sqk8jGHas+dQ6KXCB6o2g91IPfKsObZpgDGsqAT1hXdpz25A7QZqZU1gBsxFSh5zbEA9yniOU5R5PSvvCnYTSsLYtdkLTGf9uKdD/gS6gI6jPndgUXXe24OKSFAK4zsoSVA+G6uAGaC758/oBrIs+Zb6rbg9up35Xpa1jffpUqEEldezysbJ0VPLjhHADOpEfUiw2gtuUtAKDiGtYNXeqDWJ7zveYQnqM3V3nqx1s2s97xmRoLzzWqMgkLLaTVQJa0ZoJe+hXjRmaMYKVlslr2dlp5wgu4PsiTyszmg5qgVr0CqvoZW2WFlKxhV5gxJsdIMKtYH+Eew6yksoNLy0soJeFzqR+vEI9gx6h9wFzFoPSlA+25g3SlChnnUNU3grkWmxRg0n+ihBnUR5w9j2bCbPGjzzR3sgbc+6gL66TV4zkTHHEqSfZSzr+94V0mbzKUF1GkSWknG5QktGyoj7qBdVeZo2S1Ch2yUNXOMVUcEJyrcQjOeP4vzQCu9BpBtOck5T70HybN4w1iJcR7ouem9QPjhfG+On7EBPUNrKhrYLWp7+FS1FCjtdKvJ6VvM/Q9o2uWC1AHq60QB6hELh0voJ+im6iHReF+FZwe5HP/g8lrXNzuEfeeFu9C9Kg8nSrr9lBZ9ljK/v37xjL5qRFSytf3K15KXy9EH0D/JN3ui2Qj1rC5AAq4FnJvoDPUSNBnTnUy4YQF1maFHlCOAYuouJFN6PkWtEo+ryrH5sL2TPVi5UFXAMrfDegxrtae3ZfWh6paFFffYCx9BKZLtQo/a0YLXIhSUo3yKlAsfQ8vSBBkALtrCjxwdqbTWBY2glst9REee0Lw/ULUEZpFuOChxD1yuRybNbUV0SlAtq9SDgGFp7ushEJlhdKuqWoAzSLYOBHeidGPkc+cIztE2wA6iuCcoFtXom4Bha4f0nGmv2FqyOnoaFscFG9rsfQusYq0T2G8qayASrbdEdOlfR/TJ72AzAaHla5/QD9BnVCucvfK/fjZXtx8WzZneu/+WBf53XOb0G6XetHjQXyfv2vKLyH7qLLqMhJn5DOW5PLmBZDfRUilloGUoD/ovvXgIrT4/rkxt4XK0fw+TtYxhT6iEt4FK7L8D4locDFqnUXSadh78Bx5bEl2CLG+8AAAAASUVORK5CYII=);
background-color:#ddd;
background-image:none;
7 .simpleList .x-item-selected .x-list-disclosure {
background-color:#006bb6;
使用示例js
1 Ext.define('app.view.new.List', {
alternateClassName: 'newList',
extend: 'ux.SimpleList',
requires: ['app.'],
xtype: 'newList',
store: 'newList',
cls: 'list', //自定义css
itemTpl: new Ext.XTemplate('&div class="left w20"&&div class="img" style="background: url({litpic}) no-background-size: 100%;"&&/div&&/div&', '&div class="right w80"&&div class="row"&{title}&/div&&div class="row grayF"&{time}&/div&&/div&')
4 Ext.define('app.controller.New', {
extend: 'Ext.app.Controller',
models: ['New'],
stores: ['NewList'],
views: ['new.List'],
newList: 'newList'
control: {
//新闻列表
newList: {
initialize: function (list) {
MyUtil.showListByParams('newList', MyUtil.newParams, MyUtil.isNewLoad);
//itemtap事件被用来处理检测是否在编辑状态，所以这里使用itemsingletap而不能使用itemtap
itemsingletap: function (list, index, target, record, e) {
this.redirectTo('newInfo');
MyUtil.showInfo(record, 'newInfo', 'NewInfo.ashx', 'body', {
id: record.data.id
//结束多选事件触发
simpleSuccess: function (list, items, ids, type) {
console.log(ids);
确定后触发simpleSuccess事件，输出ids
更多相关文章
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/ 扩展的NavigationView导航容器控件 by 神秘博士
----------------------------------------------------
扩展代码: 1 /* 2 *分享到微博 3 */ 4 Ext.define('ux.WeiboPicker', { 5 extend: 'Ext.Picker', 6 xtype: 'weiboPicker', 7 config: { 8 toolbar: { 9 ui: 'light', 10 t ...
参考资料: /qqloving/archive//3043606.html /document/140.html 这里我主要讲的是如何加入全局变量.公用类.自定义扩展.资源文件 官网地址:ht ...
参考资料: /qqloving/archive//3043606.html /document/140.html 这里我主要讲的是如何加入全局变量.公用类.自定义扩展.资源文件 官网地址 ...
上一讲我们讲解了如何使用官方的api来修改主题样式,这讲我们继续讲解sass的样式修改, 编译官方自带的主题包
在生成的项目以及官方sdk的目录下,自带了一些主题sass包,我们也可以通过修改sass文件来引入他们并进行编译,下图是官方sdk中自带的主题样式包: 我们如何在sass文件中导入这 ...
这讲我们来讲解下如何使用phonegapa创建项目环境并通过她们将sencha touch打包成app,这里我们只讲解打包android的apk,打包ios的过程有点类似,但是需要在mac环境下,最后通过xcode导出成ipa安装程序: 一.phonegap环境搭建: phonegap从3. ...
由于最近一直忙着android原生的开发,很久没有更新博客了,官方的sencha cmd工具功能非常强大,创建项目,压缩项目,打包安装程序都能轻松实现,这讲我们就给大家介绍下如何使用sencha cmd来打包我们的sencha touch项目, 为了更好地向大家演示如何打包一个sencha touc ...
如果你正在面临是选择 jQuery Mobile 或者是 Sencha Touch ,那么下面这些因素是你需要考虑的. jQuery Mobile JM 只是一个 UI 库,依赖于 jQuery 和 jQuery UI 的 DOM 操作.Ajax 和其他库 为了创建 UI 部件,你只需要编写 HTM ...
回首2014,有彻夜的抓包,有彻夜的写代码,有彻夜的辗转反侧,有... 去年,刚开始还在517,还在敲着代码,继续着coding+加班,周末除了睡觉就别无其他爱好了.不断修复着bug,改善这代码,积累着进步,在积累中 ...
题目大意:用下列01串存编码头:0,00,01,10,,001,010,011,100,101,110,0,1,--编码头的每个字符对应上面的01串.然后再输入编码文本(只含01),格式为 长度 内容 终止符.长度: ...
参考链接 /top5/archive//1825571.html ******** GRANT ALL ON push.* TO
/* 这题相对比较水 算 用5面值的 货币拼成 固定的面值的 有多少种方法 */ #include &iostream& #include &string.h& #include &cs ...
该文件是EPANET中HASH.C的头文件,下面列出了该文件的源码以及我的中文注释 /* HASH.H**** Header file for Hash Table module HASH.C***/ #define ...
1.概括 这个问题宁波.net俱乐部里多次有人提起,故发在这里. 简单的将一句话document.getElementById(&服务器端控件的ClientID属性&).value 获取value ...
派生类继承了基类的成员,实现了代码的重复利用,但基类的构造函数和析构函数不能被继承.如果在派生类中需要对新增加的成员进行初始化,则需要加入派生类的构造函数.同样派生类也需要添加析构函数来实现一些结束工作. 当创建对象 ...
直接上代码: activity_main.xml: &?xml version=&1.0& encoding=&utf-8&?& &LinearLayout
&JavaScript王者归来&的封面经过4天的艰难制作,终于问世啦: 明天就 ...
模版的路径设置在settings.py中修改TEMPLATE_DIRS的值即可. Djan ...> Sencha touch 二通过ponentQuery.query查找组件
Sencha touch 二通过ponentQuery.query查找组件
qqcuiyun & &
发布时间： & &
浏览：34 & &
回复：0 & &
悬赏：0.0希赛币
Sencha touch 2通过ponentQuery.query查找组件
　　在做Sench touch开发时，想要获取某个组件并对其操作，通常使用Ext.getCmp('id')；该方式是在整个DOM文档中进行查询，后来发现随着项目的进行，使用的组件愈多，这种方式势必影响查询效率，于是想使用一种更好地方式来查询组件以替代Ext.getCmp()。
　　现有一种方式可实现这种目的：
　　如：创建一组件
　　xtype: 'button'
　　itemId : 'buttonItemId',
　　通过ponentQuery.query()获取组件：
　　var comp = ponentQuery.query("button[itemId='buttonItemId']")[0];　
　　//ponentQuery.query()返回的是控件数组,[0]返回的是该控件
　　//[注：有关ponentQuery.query()方法使用查看Sencha touch API文档]
　　另外，还有一种方法获取组件，且效率较高：
　　先通过ponentQuery.query()，获取组件所在页面。
　　var view = ComponentQuery.query('component_xtype')，
// component_xtype页面类型
　　若要查找该页面id为：buttonId的组件，可用下面方法：
　　var comp2 = view.down('#buttonId')；
　　通过这种方式查询组件，首先其范围限制到该组件所在的页面里，所以查询效率高。
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&Sencha Touch 2.x FAQ &#8211; 增加一个 View 到 Tabpanel 都需要哪些必备的配置信息 ？ | 我的博客
电子邮件 (不会被公开)（必填）

我要回帖

更多关于 sencha touch xtype 的文章

 

随机推荐