昨天改ui时碰到的问题。
图标不能自动排列。
修改desktop.js,添加到最后
//自动排列
var btnHeight = 61;
var btnWidth = 64;
var btnPadding = 15;
var col = null;
var row = null;
function initColRow(){
col = {index: 1, x: btnPadding};
row = {index: 1, y: btnPadding};
}
initColRow();
function isOverflow(y){
var h=Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight();
if(y > h){
return true;
}
return false;
}
this.setXY = function(item){
var bottom = row.y + btnHeight,
overflow = isOverflow(row.y + btnHeight);
if(overflow && bottom > (btnHeight + btnPadding)){
col = {
index: col.index++
, x: col.x + btnWidth + btnPadding
};
row = {
index: 1
, y: btnPadding
};
}
Ext.fly(item).setXY([
col.x
, row.y
]);
row.index++;
row.y = row.y + btnHeight + btnPadding;
};
this.handleUpdate = function(){
initColRow();
//var items=shortcuts.dom.children;
var items=Ext.query("dt",shortcuts.dom);
for(var i = 0, len = items.length; i < len; i++){
this.setXY(items[i]);
}
}
this.handleUpdate();
Ext.EventManager.onWindowResize(this.handleUpdate, this, {delay:500});
//end shortcuts 自动换行
分享到:
相关推荐
在iOS 12中,苹果引入了一项名为“快捷指令”(Shortcuts)的新特性,允许用户自定义一系列操作来自动化日常任务。`Shortcuts JS` 是一个基于Node.js的工具,专门设计用于帮助开发者和用户轻松地创建和管理这些快捷...
Android Shortcuts Example app for shortcuts in design library v25 Demo Manifest Add meta-data before `````` tag in Manifest.xml Add Shortcut To add or edit a new shotcut, go to /res/xml/shortcuts....
【标题】:“精品软件工具--This desktop app helps show shortcuts map for any a.zip”指的是一个桌面应用程序,该程序专门用于展示任何名为"a.zip"的压缩文件中的快捷方式映射。这是一款高质量的工具,旨在帮助...
例如,可以设置一个快捷键用于自动完成代码段,或者快速执行常见的SQL查询,这在处理大量代码时尤其有用。 在提供的压缩包文件中,shortcuts.dll是实际的插件组件,它包含实现了所有快捷功能的代码。在安装或更新...
【App Shortcuts】是Android系统的一个特性,首次在Android Nougat(7.0)版本引入,它允许用户快速访问应用程序内的特定功能或内容,无需打开应用的主界面。这一特性提高了用户体验,使得常用功能触手可及。通过...
在Android开发领域,ShortCuts是一项非常实用的功能,它允许用户通过长按应用图标快速访问应用内的特定功能或页面,极大地提高了用户体验。Android 7.1版本引入了这一特性,使得开发者可以为用户提供更加便捷的操作...
keyboard-shortcuts
- **Autocomplete**(自动完成):`⌃space` — 弹出自动完成列表。 - **Jump to Matching Brackets**(跳转至匹配括号):`⌘]` — 跳转到与当前光标位置匹配的括号。 - **Select Content into Brackets**(选择...
当您输入代码时,使用此快捷键可以自动完成代码片段,提供方法和变量建议。 **快捷键**: `Ctrl+Shift+F` **描述**: 格式化代码。这将根据Eclipse的设置自动调整代码格式,确保代码风格一致。 **快捷键**: `Ctrl+O...
根据给定的信息,我们可以从《The Complete Windows 7 Shortcuts》一书中提取并总结出以下相关的IT知识点: ### 书籍基本信息 - **标题**:The Complete Windows 7 Shortcuts(完整的Windows 7快捷键) - **作者**...
在Android系统中,快捷方式(Shortcuts)是用户与应用交互的一种便捷方式,它允许用户在主屏幕上直接访问特定的功能或内容,而无需先打开应用。Android 7.1引入了对动态快捷方式的支持,这使得开发者能够创建更加...
The.Complete.Windows.7.Shortcuts
在Microsoft Word 2013中,用户可以根据个人工作习惯和需求自定义键盘快捷键,...提供的“Customize Word 2013 Keyboard Shortcuts.pdf”文件可能包含了更多详细的步骤和技巧,建议仔细阅读,以便更好地掌握这一功能。
VS Code Keyboard shortcuts for windows (英文)
ipfs-desktop 0.10.4 for mac 可视化客户端 IPFS Desktop allows you to run your IPFS ... With it, you have the power of Web UI on tip of your hands plus a handful of shortcuts you can find on settings.
在本文档中,我们将详细探讨Eclipse中常用快捷键的使用,以帮助开发者在编程过程中提高效率。...快捷键的使用不仅可以减少鼠标操作的频繁,还可以加快开发速度,减少重复劳动。 首先,快捷键可以帮助我们快速编辑代码...
myBase Desktop 6.0.7, 2/3/2012 完美破解~ IE 插件 webcollect 1.9 最新版 已破解 ,请另行下载。 更新说明。 Version 6.0.7 1.Added: Organize - Batch redirect shortcuts, which helps update file paths ...
Visual Studio Code(简称:VSCode)是Microsoft的一个开源项目,我们可以在官网免费下载安装版。 这里的文档总结了常用快捷键 VSCode自2015年推出以来就越来越火,就是因为它简单好用。除了有Intellisense对各种...
shortcuts: Ext.create('Ext.data.Store', { model: 'Ext.ux.desktop.ShortcutModel', data: [{ name: 'Grid Window', iconCls: 'grid-shortcut', module: 'grid' }] }) }); } ``` 在上面的代码中,我们...
[Addison-Wesley Professional] Scrum Shortcuts without Cutting Corners (英文版) [Addison-Wesley Professional] Scrum Shortcuts without Cutting Corners Agile Tactics, Tools, & Tips (E-Book) ☆ 图书概要...