initList : function()
{
if (!this.list)
{
var cls = 'x-combo-list';
this.list = new Ext.Layer({
shadow: this.shadow, cls: [cls, this.listClass].join(' '), constrain:false
});
var lw = this.listWidth || Math.max(this.wrap.getWidth(), this.minListWidth);
this.list.setWidth(lw);
this.list.swallowEvent('mousewheel');
this.assetHeight = 0;
if (this.title)
{
this.header = this.list.createChild({cls:cls + '-hd', html: this.title});
this.assetHeight += this.header.getHeight();
}
this.innerList = this.list.createChild({cls:cls + '-inner'});
this.innerList.on('mouseover', this.onViewOver, this);
this.innerList.on('mousemove', this.onViewMove, this);
this.innerList.setWidth(lw - this.list.getFrameWidth('lr'))
if (this.pageSize)
{
this.footer = this.list.createChild({cls:cls + '-ft'});
this.pageTb = new Ext.PagingToolbar({
store:this.store,
pageSize: this.pageSize,
renderTo:this.footer
});
this.assetHeight += this.footer.getHeight();
}
if (!this.tpl)
{
//alert(cls);
//x-combo-list-item
this.tpl = '<tpl for="."><div class="' + cls + '-item"><span class="unchecked" id="checkBox_{' + this
.displayField + '}"+ width="20"> </span>{' + this.displayField
+ '}</div></tpl>';
}
this.view = new Ext.DataView({
applyTo: this.innerList,
tpl: this.tpl,
singleSelect: true,
selectedClass: this.selectedClass,
itemSelector: this.itemSelector || '.' + cls + '-item'
});
this.view.on('click', this.onViewClick, this);
this.bindStore(this.store, true);
if (this.resizable)
{
this.resizer = new Ext.Resizable(this.list, {
pinned:true, handles:'se'
});
this.resizer.on('resize', function(r, w, h)
{
this.maxHeight = h - this.handleHeight - this.list.getFrameWidth('tb') - this.assetHeight;
this.listWidth = w;
this.innerList.setWidth(w - this.list.getFrameWidth('lr'));
this.restrictHeight();
}, this);
this[this.pageSize ? 'footer' : 'innerList'].setStyle('margin-bottom', this.handleHeight + 'px');
}
}
},
bindStore : function(store, initial)
{
if (this.store && !initial)
{
this.store.un('beforeload', this.onBeforeLoad, this);
this.store.un('load', this.onLoad, this);
this.store.un('loadexception', this.collapse, this);
if (!store)
{
this.store = null;
if (this.view)
{
this.view.setStore(null);
}
}
}
if (store)
{
this.store = Ext.StoreMgr.lookup(store);
this.store.on('beforeload', this.onBeforeLoad, this);
this.store.on('load', this.onLoad, this);
this.store.on('loadexception', this.collapse, this);
if (this.view)
{
this.view.setStore(store);
}
}
},
分享到:
相关推荐
NULL 博文链接:https://dengli19881102.iteye.com/blog/910298
SmartSelect允许您使用各种选择输入(例如单选,复选框,开关,芯片或什至自定义输入)轻松地将通常的表单选择或下拉列表转换为动态页面,弹出对话框或滑动底页。 支持单选和多选。 受到Smart Select组件的启发。 4....
复选框 9 滚动条 9 通过测试: 返回目录 9 失败测试: 10 登陆 10 添加 10 删除 10 查询 返回目录 11 翻页控件 12 树控件的测试外观操作返回目录 12 命令按钮 返回目录 13 一、各种控件在窗体中混和使用时的测试 13 ...
推荐配置:CPU Celeron 400 以上,内存 64M,显卡 2M 显存,声卡全双工并带输出回录功能(能录制自身播放的 WAV 文件)。 学生机: 最低配置:CPU Pentium 133 以上,内存 16M 以上,显卡 1M 显存以上,声卡全双工。 ...
2.注册组件(性别选择,复选框,单选框,下拉列表,民族选择等) 3.抽屉菜单,导航菜单,搜索,分页条,滑块,进度条,走马灯,评星,验证码,日历,时间设置,选中统计,图片轮播,漂浮广告,喜欢,点赞,抽奖转盘...
-使用material-ui的完整堆栈表组件- 安装 ・包体 npm install mui-drip-table -依赖包 npm install @material-ui/core @... 3种类型的“复选框”,“下拉列表”,“多选” textLabels 目的 指定标签。细节 pagination
多滴桌使用material-ui的完整堆栈表组件安装・包装体npm install mui-drip-table-依赖包npm install @material-ui/core @... 3种类型的“复选框”,“下拉列表”,“多选” textLabels 目的指定标签。细节paginat
一款美化表单下拉列表、复选框等的jquery combobox插件实例 30.站长必备jquery实现combox自动筛选,高亮显示功能 4)菜单 1.jquery+CSS超炫丽横向多级滑动导航菜单 2.jQuery+CSS漂亮蓝色三级菜单下载 3....
因此,在具体设计实现该博客网站时,主要考虑了主流博客网站的几个主要功能:(1)博客的注册、登录验证功能(2) 网络用户通过关键字搜索博文功能(3) 最热门博客页面推荐浏览(4) 文章详细内容及相关评论显示(5) 博客...
复选框 下拉选择框 多级联动下拉选择框 日期时间选择器 颜色选择器 图片和文件上传 省市区选择器 56个民族选择器 分页按钮 文字分隔线 文字说明 =============================证件打印模板====================== ...
实例202 GridView复选框绑定列设置商品 是否上架 320 实例203 使用主题来设置GridView控件的外观 322 7.3 GridView控件72般绝技 323 实例204 实现搜索GridView多个关键字高亮 显示 323 实例205 高亮显示数据行并...
2、把等高线和地质区文件设为当前编辑文件状态:即点击勾选文件名前的复选框! 3、选择菜单剖面图-读取地形数据(现有3种方式,此选拉线读取),沿着勘探线从开始处拉线到末端出现设置基本数据对话框(如下图),...