【翻译】Ext JS最新技巧——2014-5-12

本文提供了两种Sencha组件优化的方法:一是如何通过variableRowHeight属性调整ExtJS网格中行的高度,二是如何通过设置infinite属性解决Sencha Touch列表加载缓慢的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文:http://www.sencha.com/blog/top-support-tips-may-2014?mkt_tok=3RkMMJWWfF9wsRoluazJZKXonjHpfsX77OQlXK%2B%2FlMI%2F0ER3fOvrPUfGjI4AT8NjI%2BSLDwEYGJlv6SgFSbfBMbdlybgMWRA%3D


Seth Lemmons:为网格行设置不同的高度

在整个网格中,行高通常都会保持为同一高度。然而,这并不适用于所有情形,有时候需要根据单元格中的数据来自动调整高度。在大多数情况下,网格会自动调整以容纳不同高度的单元格,甚至包括锁定网格(这实践上是两个同步的网格)。尽管可以如此,但要注意的是,当使用bufferdrenderer插件的时候,在锁定网格上就不能同步行高了。还好,这有解决办法。

在使用缓冲渲染的时候,并不能通过锁定网格来自动确定锁定网格和正常网格之间的行高。这是因为行高需要通过计算来确定。因此,variableRowHeight插件的默认设置为false。如果发现数据很好填充到标准网格行的高度,可以设置variableRowHeight为true。之后,就会发现锁定与非锁定网格区域之间又一次正确对齐了。

可以在这里实时查看variableRowHeight的示例,还可以在文档中了解更多有关variableRowHeight的信息。


Greg Barry:毫无生气的列表

近期有将应用程序升级到Sencha Touch 2.2+吗?如果有,是否有发现列表的加载会慢吞吞的?我有一个好消息。在早期的Sencha Touch版本,会将列表的infinite(无限列表)设置为true,在最新版本的Sencha Touch,已经默认将它设置为false了。

也就是说,在Sencha Touch 2.2+,如果在列表不明确设置infinite为true,它默认值会是false,而这,会让列表的渲染非常慢。造成这个问题的原因是所有列表条目会同时进行渲染。可以想象一下,这肯定会让加载变得很慢。只要将列表的infinite设置为true,这样就可以让列表只渲染一小部分,就可以让列表返回到它以前那样的状态。


可以在文档中了解更多有关于infinite配置项的信息。

1. 用户与身体信息管理模块 用户信息管理: 注册登录:支持手机号 / 邮箱注册,密码加密存储,提供第三方快捷登录(模拟) 个人资料:记录基本信息(姓名、年龄、性别、身高、体重、职业) 健康目标:用户设置目标(如 “减重 5kg”“增肌”“维持健康”)及期望周期 身体状态跟踪: 体重记录:定期录入体重数据,生成体重变化曲线(折线图) 身体指标:记录 BMI(自动计算)、体脂率(可选)、基础代谢率(根据身高体重估算) 健康状况:用户可填写特殊情况(如糖尿病、过敏食物、素食偏好),系统据此调整推荐 2. 膳食记录与食物数据库模块 食物数据库: 基础信息:包含常见食物(如米饭、鸡蛋、牛肉)的名称、类别(主食 / 肉类 / 蔬菜等)、每份重量 营养成分:记录每 100g 食物的热量(kcal)、蛋白质、脂肪、碳水化合物、维生素、矿物质含量 数据库维护:管理员可添加新食物、更新营养数据,支持按名称 / 类别检索 膳食记录功能: 快速记录:用户选择食物、输入食用量(克 / 份),系统自动计算摄入的营养成分 餐次分类:按早餐 / 午餐 / 晚餐 / 加餐分类记录,支持上传餐食照片(可选) 批量操作:提供常见套餐模板(如 “三明治 + 牛奶”),一键添加到记录 历史记录:按日期查看过往膳食记录,支持编辑 / 删除错误记录 3. 营养分析模块 每日营养摄入分析: 核心指标计算:统计当日摄入的总热量、蛋白质 / 脂肪 / 碳水化合物占比(按每日推荐量对比) 微量营养素分析:检查维生素(如维生素 C、钙、铁)的摄入是否达标 平衡评估:生成 “营养平衡度” 评分(0-100 分),指出摄入过剩或不足的营养素 趋势分析: 周 / 月营养趋势:用折线图展示近 7 天 / 30 天的热量、三大营养素摄入变化 对比分析:将实际摄入与推荐量对比(如 “蛋白质摄入仅达到推荐量的 70%”) 目标达成率:针对健
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值