js代码如下: /* *高度自动增长的文本框 */ Ext.define('ux.TextArea', { extend: 'Ext.field.TextArea', xtype: 'autoTextArea', config: { clearIcon: false, //不配置maxRows和lineHeight则没有增长限制 maxRows: 3, lineHeight: 29 }, initialize: function () { var me = this; me.callParent…

代码是在网上找的,忘记原出处了 /** * 跑马灯自动切换 */ Ext.define('ux.RotatingCarousel', { extend: 'Ext.carousel.Carousel', alternateClassName: 'rotatingCarousel', xtype: 'rotatingCarousel', config: { delay: 3000, start: true, listeners: { tap: { fn: function () { this.pa…

//公用类 Ext.define('app.util', { alternateClassName: 'util', statics: { /*为Ext.Viewport添加一个消息提示组件(需要初始化)*/ addMessage: function () { Ext.Viewport.setMasked({ xtype: 'loadmask', cls: 'message', transparent: true, indicator: false }); this.hideMessage();…

原文:Developing for Google Glass with Sencha Touch 作者:Ross Gerbasi Ross Gerbasi is a Senior Engineer at Sencha and is located in Chicago. Ross has been programming for over 15 years and has worked with Sencha Touch for over 3 years. He specializes in n…

有时候希望textarea 能够自动调整高度来适应输入的内容 网上看到了很多解决方案,比如动态创建一个隐藏的div,当用户输入的时候将textarea的内容绑定到div,由于div的高度会自动撑开,因此可以动态检测div的高度,然后将div的高度复制给textarea.这个方法应该是兼容性较好而且比较稳健的办法,但实在太繁琐 还有一个解决办法就是动态将textarea的scrollHeight 复制给高度.我采用的是后者 1 2 3 4 5 6 7 8 9 10 11 12 13 14 var…

原文 Jquery实现 TextArea 文本框根据输入内容自动适应高度 在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能是版面的限制和用户通常只转播或者评论一个短句有关.但是当你输入超过一行文字的时候,TextArea自动适应高度,大大改善了体验,这样用户就可以看到全部的文字.不用再去拖动文本框的滚动条. 如下图: 这些在平时的项目中挺实用的,所以抽空封装了一个文本框根据输入内容自适应高度的插件 - TextArea…

最近在项目中发现 sencha touch 中的 textarea 在手机上不显示滚动条,也不能滚动. 在浏览器中之所以能显示滚动条滚动,那是浏览器为 textarea 添加的滚动条. 但在手机中是不会显示滚动条的. 可能在以后的版本中会有所改进吧. 于是只能另想办法了,找了一个老外重写的可滑动的 textarea (无滚动条). 转: Ext.define('LeslieTest.view.TextArea', { extend : 'Ext.field.TextArea', xtype :…

js <textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + 'px';"></t…

写内容的时候用的是textarea来写,可以换行,然后预览页面也要显示是换行才行,所以预览页面还是要用textarea来显示, 样式去掉边框,不可以拉伸,不可编辑 // html <textare disabled></textare> // css border: 0 solid #fff; resize: none; // js //拿到TextArea的DOM var textarea=document.getElementById('textarea'); //设置高度 t…

转自http://www.phonegap100.com/portal.php?mod=view&aid=19 作为你开发的一部分,为安卓设备开发的 Sencha Touch框架应该在安卓虚拟机中被测试.这篇博客讨论如何安装和使用安卓虚拟机,使用命令行或者Sencha Architect构建器来进行 Sencha Touch开发.被出售和使用的Android智能手机的数量最近超过了iOS智能手机. (2013年4月的时代杂志的一篇文章披露出来的数据).很多Sencha Touch开发者针对的是A…