在Ext4中使用Ext.view.View,可以灵活地做菜单布局
1. 菜单的竖向布局,根据菜单的不同的状态显示不同的菜单的标识
itemSelector: 'div',
overItemCls: 'menu-list-item-hover',
tpl: new Ext.XTemplate(
'<tpl for=".">',
'{[this.renderItem(values)]}',
'</tpl>',
{
renderItem: function (values) {
if (values.state == 0) {
return '<div class="menu-unreceive" >'+ values.menuName + '</div>';
}
if (values.state == 1) {
return '<div class="menu-uncommit" >'+ values.menuName + '</div>';
}
if (values.state == 2) {
return '<div class="menu-commit" >' + values.menuName + '</div>';
}
}
})
2. 菜单的横向布局
selModel: {
mode: 'SINGLE'
},
listeners: {
scope: this,
single:true,
viewready: function(view) {
view.fireEvent('displayMenusForFirstStep',view);
}
},
trackOver: true,
itemSelector: 'li',
tpl: new Ext.XTemplate(
'<div class="topmenu">[list]',
'<tpl for=".">',
'{[this.renderItem(step)]}',
'</tpl>',
'[/list]</div>',
{
renderItem: function (step) {
return '<li class="li'.concat(step.sequence).concat('">[url=#]').concat(step.name).concat('[/url]</li>');
}
})
分享到:
相关推荐
9.6.2 视图的运行流程:ext.view.abstractview与ext.view.view / 466 9.6.3 选择模型的工作流程 / 475 9.6.4 选择模型的配置项、属性、方法和事件 / 480 9.6.5 视图的配置项、属性、方法和事件 / 482 9.6.6 ...
A.4. 想把弹出对话框单独拿出来用的看这里 A.5. 想把日期选择框单独拿出来用的看这里 A.6. 听说有人现在还不会汉化ext A.7. 碰到使用ajax获得数据,或者提交数据出现乱码 A.8. TabPanel使用autoLoad加载的页面中的js...
A.4. 想把弹出对话框单独拿出来用的看这里 A.5. 想把日期选择框单独拿出来用的看这里 A.6. 听说有人现在还不会汉化ext A.7. 碰到使用ajax获得数据,或者提交数据出现乱码 A.8. TabPanel使用autoLoad加载的页面中的js...
/* 商品控制层, 所有逻辑代码都在这里写 */ Ext.define('keel.controller.GoodsCtrl', { extend: 'Ext.app.Controller', stores: ['GoodsStore'],/... Ext.create('keel.view.goods.GoodsWinView').show(); } });
A.4. 想把弹出对话框单独拿出来用的看这里 A.5. 想把日期选择框单独拿出来用的看这里 A.6. 听说有人现在还不会汉化ext A.7. 碰到使用ajax获得数据,或者提交数据出现乱码 A.8. TabPanel使用autoLoad加载的页面中...
可以读写Ext2,以Ext2方式挂载Ext3文件系统(不支持Ext3日志),不支持中文! It provides Windows NT4.0/2000/XP/2003/Vista/2008 with full access to Linux Ext2 volumes (read access andwrite access). This ...
第十一章 Ext.ListView、Ext.view.View 数据视图 93 一、Ext.ListView 93 二、Ext.view.View 98 第十二章 Ext.toolbar.Toolbar 工具栏、Ext.toolbar.Paging 分页栏、Ext.ux.statusbar.StatusBar 状态栏 103 一、Ext....
Ext.Net安装和使用: 1.下载最新版本 2.打开下载文件,将包含以下文件: view sourceprint?1Ext.Net.dll 2Ext.Net.Utilities.dll 3Ext.Net.xml 4Newtonsoft.Json.dll 5Newtonsoft.Json.xml 3...
Ext GWT 2.0: Beginner's Guide is a practical book that teaches you how to use the Ext GWT library to its full potential. It provides a thorough, no-nonsense explanation of the Ext GWT library, what ...
4.开放源码,采用apache2.0开源协议,用户可任意使用而不需我公司授权(企业版除外)。 # 系统功能: 1.数据建模 (支持:mysql/oracle/sqlserver/db2/postgresql/hive/kylin) 2.多维分析 3.数据...
使用给定对象作为原生链返回一个新对象。 ... Ext.Object view sourceeach( Object object, Function fn, [Object scope] ) 迭代一个对象,在每个迭代上调用给定的回调函数 在回调函数中返回 false 可以停止迭代. ...
ext + spring Json view + springMVC + Freemaker
xUtils快速使用说明 导入依赖 使用Gradle构建时添加一下依赖即可: javascript compile 'org.xutils:xutils:3.3.22' 如果使用eclipse可以 点击这里下载aar文件, 然后用zip解压, 取出jar包和so文件. 添加配置混淆设置 ...
EXT 时间控件,精确到秒仔细可看http://www.javaworld.com.tw/jute/post/view?bid=49&id=193815&sty=0&tpg=1&ppg=1&age=0#193815
此软件支持drag and drop,但是您需要做出以下设定,在主菜单中选择“View”→“Options”→“Debug”,然后再点选“Enable write support”,确定之后在“File”下拉菜单中选择“Rescan Partition”即可。...
ext前台框架分层技术,前台分controller,model,store,view四个模块
JsonView.
ole file viewer ext.exe
Ext JS is one of the most famous JavaScript frameworks used to create rich interactive web applications using techniques such as Ajax, DHTML, JSON, and DOM scripting. It provides a complete rich set ...
Ext修改GridPanel数据和字体颜色等,不是单指EditGridPanel 首先获取选中的行(当然也可以获取单元格): 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置: 代码如下: selectedRow....