`
allan9958
  • 浏览: 79406 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ext desktop shortcuts 自动排列

    博客分类:
  • ext
 
阅读更多
昨天改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 自动换行
分享到:
评论

相关推荐

    Node.js-ShortcutsJS一个Node.jsiOS12的快捷键创建器

    在iOS 12中,苹果引入了一项名为“快捷指令”(Shortcuts)的新特性,允许用户自定义一系列操作来自动化日常任务。`Shortcuts JS` 是一个基于Node.js的工具,专门设计用于帮助开发者和用户轻松地创建和管理这些快捷...

    Android代码-AndroidShortcuts

    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

    【标题】:“精品软件工具--This desktop app helps show shortcuts map for any a.zip”指的是一个桌面应用程序,该程序专门用于展示任何名为"a.zip"的压缩文件中的快捷方式映射。这是一款高质量的工具,旨在帮助...

    shortcuts插件

    例如,可以设置一个快捷键用于自动完成代码段,或者快速执行常见的SQL查询,这在处理大量代码时尤其有用。 在提供的压缩包文件中,shortcuts.dll是实际的插件组件,它包含实现了所有快捷功能的代码。在安装或更新...

    App Shortcuts 快捷方式

    【App Shortcuts】是Android系统的一个特性,首次在Android Nougat(7.0)版本引入,它允许用户快速访问应用程序内的特定功能或内容,无需打开应用的主界面。这一特性提高了用户体验,使得常用功能触手可及。通过...

    Android ShortCuts demo

    在Android开发领域,ShortCuts是一项非常实用的功能,它允许用户通过长按应用图标快速访问应用内的特定功能或页面,极大地提高了用户体验。Android 7.1版本引入了这一特性,使得开发者可以为用户提供更加便捷的操作...

    keyboard-shortcuts.ipynb

    keyboard-shortcuts

    Sublime Text 2 shortcuts.pdf

    - **Autocomplete**(自动完成):`⌃space` — 弹出自动完成列表。 - **Jump to Matching Brackets**(跳转至匹配括号):`⌘]` — 跳转到与当前光标位置匹配的括号。 - **Select Content into Brackets**(选择...

    Eclipse-Shortcuts

    当您输入代码时,使用此快捷键可以自动完成代码片段,提供方法和变量建议。 **快捷键**: `Ctrl+Shift+F` **描述**: 格式化代码。这将根据Eclipse的设置自动调整代码格式,确保代码风格一致。 **快捷键**: `Ctrl+O...

    The Complete Windows 7 Shortcuts

    根据给定的信息,我们可以从《The Complete Windows 7 Shortcuts》一书中提取并总结出以下相关的IT知识点: ### 书籍基本信息 - **标题**:The Complete Windows 7 Shortcuts(完整的Windows 7快捷键) - **作者**...

    android7.1shortcuts的demo

    在Android系统中,快捷方式(Shortcuts)是用户与应用交互的一种便捷方式,它允许用户在主屏幕上直接访问特定的功能或内容,而无需先打开应用。Android 7.1引入了对动态快捷方式的支持,这使得开发者能够创建更加...

    The.Complete.Windows.7.Shortcuts

    The.Complete.Windows.7.Shortcuts

    Customize Word 2013 Keyboard Shortcuts_shortcuts_customizeword_源

    在Microsoft Word 2013中,用户可以根据个人工作习惯和需求自定义键盘快捷键,...提供的“Customize Word 2013 Keyboard Shortcuts.pdf”文件可能包含了更多详细的步骤和技巧,建议仔细阅读,以便更好地掌握这一功能。

    VS Code Keyboard shortcuts for windows (英文)

    VS Code Keyboard shortcuts for windows (英文)

    IPFS-Desktop-0.10.4.dmg

    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快捷键 Keyboard Shortcuts

    在本文档中,我们将详细探讨Eclipse中常用快捷键的使用,以帮助开发者在编程过程中提高效率。...快捷键的使用不仅可以减少鼠标操作的频繁,还可以加快开发速度,减少重复劳动。 首先,快捷键可以帮助我们快速编辑代码...

    myBase Desktop 2012 绿色 完美破解版

    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 ...

    vscode shortcuts

    Visual Studio Code(简称:VSCode)是Microsoft的一个开源项目,我们可以在官网免费下载安装版。 这里的文档总结了常用快捷键 VSCode自2015年推出以来就越来越火,就是因为它简单好用。除了有Intellisense对各种...

    用extjs 4.0打造自己的WEB桌面

    shortcuts: Ext.create('Ext.data.Store', { model: 'Ext.ux.desktop.ShortcutModel', data: [{ name: 'Grid Window', iconCls: 'grid-shortcut', module: 'grid' }] }) }); } ``` 在上面的代码中,我们...

    [敏捷] Scrum Shortcuts without Cutting Corners (英文版)

    [Addison-Wesley Professional] Scrum Shortcuts without Cutting Corners (英文版) [Addison-Wesley Professional] Scrum Shortcuts without Cutting Corners Agile Tactics, Tools, & Tips (E-Book) ☆ 图书概要...

Global site tag (gtag.js) - Google Analytics