sencha touch overlay 里使用 list
2024-09-24 10:36:18
1 sencha touch 中 list 如果不设置一个固定高度或 flex : 1, list 的内容就不会显示出来。
主要是因为 list 是可滚动的，你不设置高度 ，list 的高度默认就是 0px。
其实数据都是在的，只是没有显示出来。遇到 list 不显示的情况， 一般先看 dom 中是否有数据， 再看 store 中是否有
数据，如果 dom 中有数据就是布局的问题了。
2 今天在 overlay 中套了一个 list, 发现设 flex : 1 是没用的，必须设置一个固定高度才能显示。
Ext.define('MyTest.view.Overlay', {
extend : "Ext.Panel",
xtype : 'myoverlay',
config : {
modal : true,
hideOnMaskTap : true,
showAnimation : {
type : 'popIn',
duration : 250,
easing : 'ease-out'
},
hideAnimation : {
type : 'popOut',
duration : 250,
easing : 'ease-out'
},
centered : true,
width : 300,
height : 400,
//styleHtmlContent : true,
items : [ {
docked : 'top',
xtype : 'toolbar',
title : '测试'
}, {
xtype : 'list',
height : 290, // work
// flex : 1, //not work
itemTpl : '{name}---{age}',
store : 'mystoreid'
} ],
scrollable : true
}
});
最新文章
- Qt编译安装qwt错误moc/xxx Error:126
- Android 标题栏菜单设置与应用（popupWindow的应用）
- push和join
- Qt之控件美化
- SVN是什么,svn的目录结构
- github果然强大
- backbone案例
- windows下实现uboot的tftp下载功能
- log4j日志输出使用教程
- 将ROS中的/sensor_msgs/NavSatFix数据导入google earth显示轨迹
- Java中堆与栈
- 为什么 asnyc await 可以提高web程序的吞吐量
- DB Query Analyzer 5.02 is distributed, 53 articles concerned have been published
- [转载]Oracle日期周详解IW
- OO第三阶段纪实
- co模块源码学习笔记
- restfull环境搭建-helloword（二）
- Android API之android.content.BroadcastReceiver
- 添加右键使用 SublimeText 打开
- 部署Web API后Delete请求总是报 405(Method Not Allowed)解决办法