怎样将对话框中一个列表控件中的内容移动到另一个列表控件中?

Posted 2023-04-07

参考技术A dows的帮助内容。
F2 当你选中一个文件的话，这意味着“重命名”
F3 当你在桌面上的时候是打开“查找：所有文件” 对话框
F10或ALT 激活当前程序的菜单栏
windows键或CTRL+ESC 打开开始菜单
CTRL+ALT+DELETE 在win9x中打开关闭程序对话框
DELETE 删除被选择的选择项目，如果是文件，将被放入回收站
SHIFT+DELETE 删除被选择的选择项目，如果是文件，将被直接删除而不是放入回收站
CTRL+N 新建一个新的文件
CTRL+O 打开“打开文件”对话框
CTRL+P 打开“打印”对话框
CTRL+S 保存当前操作的文件
CTRL+X 剪切被选择的项目到剪贴板
CTRL+INSERT 或 CTRL+C 复制被选择的项目到剪贴板
SHIFT+INSERT 或 CTRL+V 粘贴剪贴板中的内容到当前位置
ALT+BACKSPACE 或 CTRL+Z 撤销上一步的操作
ALT+SHIFT+BACKSPACE 重做上一步被撤销的操作

Windows键+M 最小化所有被打开的窗口。
Windows键+CTRL+M 重新将恢复上一项操作前窗口的大小和位置
Windows键+E 打开资源管理器
Windows键+F 打开“查找：所有文件”对话框
Windows键+R 打开“运行”对话框
Windows键+BREAK 打开“系统属性”对话框
Windows键+CTRL+F 打开“查找：计算机”对话框
SHIFT+F10或鼠标右击 打开当前活动项目的快捷菜单
SHIFT 在放入CD的时候按下不放，可以跳过自动播放CD。在打开word的时候按下不放，可以跳过自启动的宏

ALT+F4 关闭当前应用程序
ALT+SPACEBAR 打开程序最左上角的菜单
ALT+TAB 切换当前程序
ALT+ESC 切换当前程序
ALT+ENTER 将windows下运行的MSDOS窗口在窗口和全屏幕状态间切换
PRINT SCREEN 将当前屏幕以图象方式拷贝到剪贴板
ALT+PRINT SCREEN 将当前活动程序窗口以图象方式拷贝到剪贴板
CTRL+F4 关闭当前应用程序中的当前文本（如word中）
CTRL+F6 切换到当前应用程序中的下一个文本（加shift 可以跳到前一个窗口）

在IE中：

ALT+RIGHT ARROW 显示前一页（前进键）
ALT+LEFT ARROW 显示后一页（后退键）
CTRL+TAB 在页面上的各框架中切换（加shift反向）
F5 刷新
CTRL+F5 强行刷新

目的快捷键

激活程序中的菜单栏 F10

执行菜单上相应的命令 ALT+菜单上带下划线的字母

关闭多文档界面程序中的当

前窗口 CTRL+ F4

关闭当前窗口或退出程序 ALT+ F4

复制 CTRL+ C

剪切 CTRL+ X

删除 DELETE

显示所选对话框项目的帮助 F1

显示当前窗口的系统菜单 ALT+空格键

显示所选项目的快捷菜单 SHIFT+ F10

显示“开始”菜单 CTRL+ ESC

显示多文档界面程序的系统

菜单 ALT+连字号(-)

粘贴 CTR L+ V

切换到上次使用的窗口或者

按住 ALT然后重复按TAB，

切换到另一个窗口 ALT+ TAB

撤消 CTRL+ Z

二、使用“Windows资源管理器”的快捷键

目的快捷键

如果当前选择展开了,要折

叠或者选择父文件夹左箭头

折叠所选的文件夹 NUM LOCK+负号(-)

如果当前选择折叠了，要展开

或者选择第一个子文件夹右箭头

展开当前选择下的所有文件夹 NUM LOCK+*

展开所选的文件夹 NUM LOCK+加号(+)

在左右窗格间切换 F6

三、使用 WINDOWS键

可以使用 Microsoft自然键盘或含有 Windows徽标键的其他任何兼容键盘的以下快捷键。

目的快捷键

在任务栏上的按钮间循环 WINDOWS+ TAB

显示“查找：所有文件” WINDOWS+ F

显示“查找：计算机” CTRL+ WINDOWS+ F

显示“帮助” WINDOWS+ F1

显示“运行”命令 WINDOWS+ R

显示“开始”菜单 WINDOWS

显示“系统属性”对话框 WINDOWS+ BREAK

显示“Windows资源管理器” WINDOWS+ E

最小化或还原所有窗口 WINDOWS+ D

撤消最小化所有窗口 SHIFT+ WINDOWS+ M

四、使用“我的电脑”和“Windows资源管理器”的快捷键

目的快捷键

关闭所选文件夹及其所有父

文件夹按住 SHIFT键再单击“关闭按钮（仅适用于“我的电脑”）

向后移动到上一个视图 ALT+左箭头

向前移动到上一个视图 ALT+右箭头

查看上一级文件夹 BACKSPACE

五、使用对话框中的快捷键

目的快捷键

取消当前任务 ESC

如果当前控件是个按钮，要

单击该按钮或者如果当前控

件是个复选框，要选择或清

除该复选框或者如果当前控

件是个选项按钮，要单击该

选项空格键

单击相应的命令 ALT+带下划线的字母

单击所选按钮 ENTER

在选项上向后移动 SHIFT+ TAB

在选项卡上向后移动 CTRL+ SHIFT+ TAB

在选项上向前移动 TAB

在选项卡上向前移动 CTRL+ TAB

如果在“另存为”或“打开”

对话框中选择了某文件夹，

要打开上一级文件夹 BACKSPACE

在“另存为”或“打开”对

话框中打开“保存到”或

“查阅” F4

刷新“另存为”或“打开”

对话框 F5

六、使用“桌面”、“我的电脑”和“Windows资源管理器”快捷键

选择项目时，可以使用以下快捷键。

目的快捷键

插入光盘时不用“自动播放”

功能按住 SHIFT插入 CD-ROM

复制文件按住 CTRL拖动文件

创建快捷方式按住 CTRL+SHIFT拖动文件

立即删除某项目而不将其放入 SHIFT+DELETE

“回收站”

显示“查找：所有文件” F3

显示项目的快捷菜单 APPLICATION键

刷新窗口的内容 F5

重命名项目 F2

选择所有项目 CTRL+ A

查看项目的属性 ALT+ ENTER或 ALT+双击

可将 APPLICATION键用于 Microsoft自然键盘或含有 APPLICATION键的其他兼容键

七、Microsoft放大程序的快捷键

这里运用Windows徽标键和其他键的组合。

快捷键目的

Windows徽标+PRINT SCREEN将屏幕复制到剪贴板（包括鼠标光标

Windows徽标+SCROLL LOCK将屏幕复制到剪贴板（不包括鼠标光标）

Windows徽标+ PAGE UP切换反色。

Windows徽标+ PAGE DOWN切换跟随鼠标光标

Windows徽标+向上箭头增加放大率

Windows徽标+向下箭头减小放大率

八、使用辅助选项快捷键

目的快捷键

切换筛选键开关右SHIFT八秒

切换高对比度开关左ALT+左SHIFT+PRINT SCREEN

切换鼠标键开关左ALT+左SHIFT+NUM LOCK

切换粘滞键开关 SHIFT键五次

切换切换键开关 NUM LOCK五秒

AngularJS - 将一个容器中的项目动画到另一个容器中

【中文标题】AngularJS - 将一个容器中的项目动画到另一个容器中

【英文标题】：AngularJS - animating items from one container into another container

【发布时间】：2014-04-29 02:44:06

【问题描述】：

我有两个 div，一个开始是空的，另一个有一些预定义的项目。单击一个列表中的项目时，另一个列表会将项目添加到其中。

我想要实现的是为一个列表中的项目设置动画，使其看起来物理移动到另一个列表。 （我希望项目从右向左移动）。我不太了解 CSS 动画或 AngularJS 动画。在 jQuery 中，我可以在 div id 上调用 $().animate() 来修改属性。

我将如何在 AngularJS 中做同样的事情？

JS：

var app = angular.module('app', []);

app.controller('Ctrl', function ($scope) 

  $scope.selectedItems = [];
  $scope.items = ['a', 'b', 'c'];

);

HTML：

<div ng-controller="Ctrl">

<div class='container'> 
  <div class='inline selected-container' >
    <div ng-repeat='selected in selectedItems track by $index'> <!-- I would like items to appear here after items from other container have finished moving -->
      selected
    </div>
  </div>

  <div class="inline">
    <!-- I would like to push these items left on click -->
    <div class='inline box' ng-repeat="item in items" ng-click="selectedItems.push(item);"> 
      item
    </div>
  </div>
</div>

</div>

这是我目前所拥有的链接：

http://plnkr.co/edit/TZPmsCcR1xMcPW4eIEf3?p=preview

【问题讨论】：

我认为最好的方法是在项目仍在一个列表中时为其设置动画，使其看起来加入另一个列表，然后切换列表动画完成后以编程方式。但我希望有更酷的方法。

read it.

@EliranMalka，我已经读过，这也没有解决手头的问题。

正确，我只是认为它有助于阐明事物。不是故意粗鲁的。

【参考方案1】：

我在此页面上阅读了关于 ng-animate 的不错解释：http://www.jvandemo.com/how-to-create-cool-animations-with-angularjs-1-2-and-animate-css/

基本上，您需要在 CSS 中定义动画，然后将 ng-enter 和 ng-leave 附加到您想要实现这些动画的类。

/* Define your Animation , or just download animate.css which has all these defined*/ 
@-webkit-keyframes fadeOutLeft 
  0% 
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  

  100% 
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  


@keyframes fadeOutLeft 
  0% 
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  
  100% 
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  

.fadeOutLeft 
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;

您必须在 CSS 中将动画附加到您的元素：

/* Apply your animation, which will run on ng-repeat, ng-hide, ng-show, etc */
.item 
   /* this is the element you're animating  */

.item.ng-enter   /* attach ng-enter */
    -webkit-animation: fadeInLeft 1s;
    -moz-animation: fadeInLeft 1s; 
    -ms-animation: fadeInLeft 1s;
    animation: fadeInLeft 1s;

.item.ng-leave  /* attach ng-leave */
    -webkit-animation: fadeOutLeft 1s;  /*  */
    -moz-animation: fadeOutLeft 1s;
    -ms-animation: fadeOutLeft 1s; 
    animation: fadeOutLeft 1s;

已更新：http://plnkr.co/edit/TZPmsCcR1xMcPW4eIEf3?p=preview