senchatouchlisttpl监听组件插件2013-9-15

插件代码

         Ext.define('ux.ListTpl'     alias: 'plugin.ListTpl'     xtype: 'listTpl'          list:                   pressedCls: 'pressing'                  delegate: 'div.x-button'                  isInput:       constructor:                              init:                     updateList:                                         tap: 'onTap'                 touchstart: 'onPress'                 touchend: 'onRelease'                 delegate:                  scope:                                                      blur: 'onBlur'                     delegate: 'input[type="text"]'                     scope:    
            onTap:                   item = Ext.getCmp(Ext.get(e.getTarget()).up('.x-list-item'         index =         record =         el = e.getTarget(         fire = el.getAttribute('fire'         action = 'do' +            onPress:                   el.addCls(           onRelease:                   el.removeCls(           onBlur:                   item = Ext.getCmp(Ext.get(e.getTarget()).up('.x-list-item'         index =         record =         el = e.getTarget('input',          value =         name = el.getAttribute('name'         record.data[name] =  });

使用代码:

 Ext.define('app.view.eatery.Shop'     alternateClassName: 'eateryShop'     extend: 'Ext.List'     xtype: 'eateryShop'     requires: ['ux.ListTpl'          cls: 'list'              xtype: 'listTpl'             isInput:           title: '购物车'         btmBar: 'eateryBar'         isNoHide:          scrollToTopOnRefresh:          itemTpl:          '<div class="bh">'             '<div class="bone">{name}</div>'             '<div class="bh">'                 '<div class="x-button-normal x-button x-iconalign-center x-layout-box-item x-stretched btn" style="visibility:{visibility}" fire="onTasteUp" value="-1"><span class="x-button-icon x-shown lower"></span></div>'                 '{taste}'                 '<div class="x-button-normal x-button x-iconalign-center x-layout-box-item x-stretched btn"  fire="onTasteUp" value="1"><span class="x-button-icon x-shown add"></span></div>'             '</div>'          '</div>'          '<div>{price}</div>'          '<div>备注:<input type="text" name="description" value="{description}"/></div>'         store: 'shopList'         selectedCls: ''         pressedCls: ''
  });

监听代码:

                  onTasteUp:                                           value = +btn.getAttribute("value"                     taste = record.data.taste +                                              visibility = 'hidden'                }

效果图:

senchatouchlisttpl监听组件插件2013-9-15

2013.9.15

优化代码,参考list源码书写。为控件添加点击事件和点击方法,不再触发list默认单击事件

添加了对输入框的支持,可自动将输入框中的值填充到数据源中

更多相关文章
  • 监听文本框输入 Firefox.Chrome.IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件. oninput 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘贴(ctrl + v)及 ...
  • 转自:http://www.cnblogs.com/viviman/archive/2013/03/11/2954118.html 一 回调基础知识   znode 可以被监控,包括这个目录节点中存储的数据的修改,子节点目录的变化等,一旦变化可以通知设置监控的客户端,这个功能是zookeeper对于 ...
  • 网络监听,在网络安全上一直是一个比较敏感的话题,作为一种发展比较成熟的技术,监听在协助网络管理员监测网络传输数据,排除网络故障等方面具有不可替代的作用,因而一直倍受网络管理员的青睐.然而,在另一方面网络监听也给以太网安全带来了极大的隐患,许多的网络入侵往往都伴随着以太网内网络监听行为,从而造成口令失 ...
  • Flex4.6事件监听机制的测试和总结-图文+源码
    Flex4.6事件监听机制的测试和总结在Flex和Actionscript3中,事件的类型有很多,比如单击的click.鼠标移动的mouseEvent.改变大小等.开发人员需要注意的是,某个组件如何设置监听.发出事件,以及事件的响应操作.这种方式被称之为"事件驱动"方式.事件驱动 ...
  • 之前投机取巧,先创建好多个按钮,再根据需要的数量进行部分隐藏,不过还是逃不过呀.  这样根本无法批量地 findId,批量地 设置监听.  所以今天还是认认真真地研究回“动态创建按钮”,终于,通过不断尝试,给我完成勒.  代码如下:  //获取屏幕大小,以合理设定 按钮 大小及位置   Displa ...
  • WindowsPhone8中Pivot和Panorama控件手势监听的变化用于引导页
    http://www.cnblogs.com/wzk89/archive/2013/04/21/3034230.html背景在Windows Phone 7的时代,我们可以通过监听ManipulationStarted.ManipulationDelta和ManipulationCompleted事 ...
  • # listener.ora Network Configuration File: E:\app\Administrator\product\11.1.0\db_1\NETWORK\ADMIN\listener.ora# Generated by Oracle configuration tool ...
  • [Cocos Creator ](千人群):  432818031上一篇,介绍了Himi在使用过cc所有组件后的一篇总结,没有具体介绍每个组件的原因在于官方文档很齐全,而且也有视频的介绍.所以希望童鞋们可以把我这两篇博文当成对组件.脚本两部分开发的整理与总结.后续的文章,Himi应该主要更新一些官方 ...
一周排行