.ext:key 按键移动窗体源代码

最新推荐文章于 2024-09-11 12:01:27 发布
最新推荐文章于 2024-09-11 12:01:27 发布
阅读量391 收藏
点赞数
分类专栏： ext 文章标签： ext server assembly function xhtml class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ntkd7360/article/details/8000038
版权
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="yidongtest.aspx.cs" Inherits="admin_commonpage_yidongtest" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

<head id="Head1" runat="server">
    <title>KeyNav - Ext.NET Examples</title>
    <style type="text/css">
        .center
        {
             text-align:center;
             color:Purple;
        }
       
    </style>
    <script type="text/javascript">
        var isCenter = true;
        
        var move = function (win, dir) {
            var el = win.getEl();

//            if (!isCenter) {
//                el.alignTo(document, 'c-c', [0,0], true);
//                isCenter = true;
//                return;
//            }

            switch (dir) {
                case "left":
                    el.alignTo(document, "l", [0, -el.getHeight() / 2], true);
                    isCenter = false;
                    break;
                    
      
                    
                case "right":
                    el.alignTo(document, "r", [-el.getWidth(), -el.getHeight() / 2], true);
                    isCenter = false;
                    break;
                    
          

                case "up":
                    el.alignTo(document, "t", [-el.getWidth() / 2, 0], true);
                    isCenter = false;
                    break;
           

                case "down":
                    el.alignTo(document, "b", [-el.getWidth() / 2, -el.getHeight()], true);
                    isCenter = false;
                    break;
                    
         

                case "home":
                    el.center();
                    isCenter = true;               
                    break;
                    
         
            }
        }
    </script>
</head>
<body>
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
    <ext:Window ID="Window1" runat="server" Width="450" Height="280" Closable="false" Title="Move Window" Padding="6">
        <Content>
            <ul>
             <li class="center">明月曾照半湖东
<li class="center">楔子</li>
<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;光阴似面，岁月如锅，一晃我们就在相遇的地点开始相互道别了。在这青春的日子里，我们有过憧憬，也有过迷茫；有过感动，也有过冲动；有过欢笑，也有过泪水。最后，当毕业的时节如约而至，我们都只能无奈地感慨一声，似水往昔浮流年。</li>
<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大学，究竟是我们展现青春的舞台，还是埋葬青春的坟墓？回忆，究竟是成熟取代懵懂留下的印记，还是时间强奸过去留下的孽种？</li>
<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;或许，一些错过的人，一些做错的事，会在我们内心深处扎下一个死结。但请不要抱怨悔不当初，也不要回想如果当时。就让这个死结一直伴随着我们以后的道路，蓦然回首，你会发现，这也未尝不是一种人生的财富。</li>
   <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关于友情，关于爱情，每个人都有自己的感悟。种了什么因，就会结什么果。驶过什么样的航线，就会到达什么样的彼岸。年少轻狂没有关系，无所作为也没有关系。关键是我们在笑过，哭过之后，都能够成长起来，这样就足够了。</li>    
<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当时明月在，曾照半湖东。在这里，我们每个人都能找到属于自己的影子。</li>
   <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;最后，谨以此文祭奠我们死去的学生时代。</li>
            </ul>
        </Content>            
    </ext:Window>
    <ext:KeyMap ID="KeyMap1" runat="server" Target="={document.body}">
        <ext:KeyBinding>
            <Keys>
                <ext:Key Code="A" />
            </Keys>
            <Listeners>
                <Event Handler="move(Window1, 'left');" />
            </Listeners>
        </ext:KeyBinding>    
        
        <ext:KeyBinding>
            <Keys>
                <ext:Key Code="D" />
            </Keys>
            <Listeners>
                <Event Handler="move(Window1, 'right');" />
            </Listeners>
        </ext:KeyBinding>
        
        <ext:KeyBinding>
            <Keys>
                <ext:Key Code="W" />
            </Keys>
            <Listeners>
                <Event Handler="move(Window1, 'up');" />
            </Listeners>
        </ext:KeyBinding>
        
        <ext:KeyBinding>
            <Keys>
                <ext:Key Code="S" />
            </Keys>
            <Listeners>
                <Event Handler="move(Window1, 'down');" />
            </Listeners>
        </ext:KeyBinding>
        
          <ext:KeyBinding>
            <Keys>
                <ext:Key Code="SPACE"/>
            </Keys>
            <Listeners>
                <Event Handler="move(Window1, 'home');" />
            </Listeners>
        </ext:KeyBinding>
    </ext:KeyMap>
    <ext:KeyNav ID="KeyNav1" runat="server" Target="={document.body}">
        <Left Handler="move(Window1, 'left');" />
        <Right Handler="move(Window1, 'right');" />
        <Up Handler="move(Window1, 'up');" />
        <Down Handler="move(Window1, 'down');" />
        <Home Handler="move(Window1, 'home');" />
        
    </ext:KeyNav>
            
    <%--<script type="text/javascript">
        var COLOUMN2 = function (value) { 
            return String.format('<img src="article_image.aspx?id={0}" id="myID" />', value);
        } 
    </script>--%>
</body>
</html>
ntkd7360
关注
专栏目录
shell实例手册
yonggeit的博客
05-27 5984
shell实例手册 1文件{ touch file # 创建空白文件 rm -rf 目录名 # 不提示删除非空目录(-r:递归删除 -f强制) dos2unix # windows文本转linux文本 unix2dos # linux文本转windows文本 enca filename ...
Extjs-实用工具 处理导航按键 Ext.KeyNev
itlwc
08-20 1093
1.Ext.KeyNev处理导航按键 Ext.KeyNav可以为某一对象绑定导航按键,导航按键包含enter,left,right,up,down,tab,esc,pageUp,pageDown,del,home,end等12个按键 Ext.onReady(function() { var el = Ext.get('textarea'); var kn = new E
表字段经常要增加的业务怎么设计表结构
cll3830995的博客
06-21 1309
1.sql 改写遇到表字段经常要增加的业务怎么设计表结构？ 下面只是我的个人想法，欢迎拍砖讨论。 2. 业务问题是什么？ 简...
Extjs4 按钮绑定键盘按键
疯狂猫
07-05 1058
Ext.ux.ToolbarKeyMap = Ext.extend(Object, (function() { var kb, owner, mappings; function addKeyBinding(c) { if (kb = c.keyBinding) { delete c.keyBinding;
ext 获取json对象的key和value
jadewoo的专栏
04-11 526
var json = {"p_AFTER_VALUE":"p", "p_USER_ID:admin", "p_OPER_TIME":"2011-1-19"}; var key =''; var value =''; for(var i in json) { key +=i+","; value += json[i]+","; } alert('key=
通过OpenSSL获取证书扩展属性之二：“密钥用法”和"增强型密钥用法"
密码开发者
09-10 1万+
介绍如何使用Openssl解析CA证书、获取“密钥用法”和“增强型密钥用法”扩展属性。
调试php源代码,重写加密函数,封装接口供lua使用
qingye
11-19 2641
由于项目中使用加密算法,但是接口是php写的,需要使用lua编写业务,提供加密结果给php, 先看php的代码        // 获取PEM文件 $pubKey = file_get_contents(dirname(__FILE__).'/public_key.pem');        // 通过xxx函数获取res, echo $res的时候 发现是个资源 $res = op
opencv2.2.0源代码（include文件）分析（1）
yongdun_007的专栏
12-19 3653
由于openCV2.2.0源文件很庞大，这里我只分析openCV2.2.0文件组织结构的各个模块的include文件（重点分析各个模块下引用的算法和实现的功能），而不是src文件。这里分析各个模块有助于更好的从整体把握和理解openCV2.2.0。这里只是自己做草稿部分，便于以后修改查找。有理解不对的，希望大家指出。--疯子_007 首先分析的是highgui目录下的highgui_c.h和highgui.cpp文件： highgui_c.h分三部分：基本的GUI函数库，视频接口，和过时的函数库。基本的GU
delphi Sqlite
dkopg24406的专栏
08-13 992
Delphi中SQLite如何读写二进制字段(Blob类型) 在Delphi中,有大量的组件可以操作SQLite数据库,如UniDAC就是其中一个比较优秀的,当然还有ASQLite3Components,也有SQLite3版的ODBC驱动,可直接用ADO操作。本文简要说明SynopseSQLite3读写二进制字段,先说下SynopseSQLite3的优点,静态编译集成SQLite3引擎...
面试题（二）
热门推荐
mngglyx的博客
10-25 3万+
JS交互 问题汇总 1.JS中能够实现跟服务器后台交互的手段有哪些? Asynchronous Javascript And XML js的异步请求对象 script标签的src属性 location.href, assign replace, window.open() , background-image:url("") , form表单 , 超链接 跳转到服务器程序 , img 的src属性 , video和audio 的src属性 , link的href , iframe(了解) form表单交互
EXT核心API详解(七)-Ext.KeyNav/KeyMap/JSON/Format/DelayedTask/TaskRunner/TextMetrics/XTemplate
blackant2的专栏
11-25 3078
Ext.KeyNavExt的keyNav类能为Ext.Element元素提供简单的按键处理方法例:var el=Ext.get("textarea");new Ext.KeyNav(el, {    "left" : function(e){        alert("left key down");        },    scope : el    });它的行为与KeyMap类似，但功能
简洁代码---巧用枚举
种一棵树最好的时间是十年前，其次是现在。
03-26 265
在业务代码中，难免会对一些数据进行转换，最常用的就是将code码转成value值。 这里使用一个简单的demo， 例1：将性别代码转为中文字符串（0：男，1：女）： 最简单的方法就是使用if去判断 public static void main(String[] args) { Integer sexCode = 0; String sexValue = "未知类型"; if (...
Extjs-实用工具 为对象绑定按键功能 Ext.KeyMap
itlwc
08-20 4759
1.Ext.KeyMap为对象绑定按键功能 Ext.KeyNav我们只能处理12种按键,要想处理更多的按键就需要Ext.KeyMap,它对键盘上每个按键都做了映射,可以使用它任意一个按键的处理函数代码 Ext.onReady(function(){ var km = new Ext.KeyMap('textarea',[{ key : Ext.EventObject.LEFT,
XHTML简介
qq_48501521的博客
09-11 979
XHTML 指的是可扩展超文本标记语言XHTML 与 HTML 4.01 几乎是相同的XHTML 是更严格更纯净的 HTML 版本XHTML 是以 XML 应用的方式定义的 HTMLXHTML 是 2001 年 1 月发布的 W3C 推荐标准XHTML 得到所有主流浏览器的支持。
5116-微信小程序电影院订票选座系统设计及实现+ssm（源码+数据库+lun文）.zip
最新发布
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
JavaScript 中的 `Array.prototype.filter` 方法全解析
09-15
在 JavaScript 编程中，处理数组是一项基本而重要的任务。数组的过滤操作是其中的一个常见需求，Array.prototype.filter 方法为此提供了强大的支持。本文将深入探讨 Array.prototype.filter 方法的工作原理、使用场景、代码示例以及与其他数组方法的比较。 Array.prototype.filter 是 JavaScript 中处理数组的强大工具，它允许开发者以声明式的方式轻松筛选出符合特定条件的元素。通过结合使用 Array.prototype.filter 和其他数组方法，可以解决各种复杂的数据筛选问题。 通过本文的详细介绍和示例代码，你应该能够掌握 Array.prototype.filter 的工作原理，并能够在实际开发中灵活运用它来处理数组数据。此外，了解其与 Array.prototype.map 和 Array.prototype.reduce 的结合使用，可以帮助你更好地编写高效且易于维护的代码。
5108-微信小程序的书橱+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
5046-微信小程序校园二手交易平台的小程序+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
Ext.data：数据操作核心组件与异步连接
Ext.data是Sencha Ext JS框架中的核心组件，专用于管理和操作数据，它是Grid和ComboBox等前端界面组件获取数据的基础。这个模块在Ext命名空间下定义了三个关键组件：store（数据存储）、reader（数据解析器）和proxy...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值