在WebForm上进行拖拽-低调大师

在WebForm上进行拖拽

2017-12-31 662

1、使用access数据库

2、使用SQL对DB进行Insert, update, delete 和read

3、使用javascript在一个web页面拖拽textbox

4、在页面和数据库中对textbox进行add, move和delete
首先我们必须创建处理事件的javascript代码，这些事件是drag, mouse down 和 mouse up。我在网上找到了鼠标的拖拽事件处理的代码:

 
 
 代码 

函数在屏幕上通过计算x和y的值来拖动对象。在网上还有很多其它类似的代码，但是我发现这种方式是非常容易使用的。下一个是mouse down脚本，WhitchElement在这里被调用，我在网上找到它，但是我修改它来满足自己的需要。

 
 
 代码 

这段脚本能侦查哪个控件被点击，传递给我们这个控件的ID。我们要做的是将这个ID传给命名为id的textbox控件，每次控件被点击我们就添加一个新的ID，每个ID之间的用空格分开。
最后完成mouse up脚本，我承认我不擅长javascript，但是我还是能理解drag 脚本的。

 
 
 代码 

当控件拖动到合适的位置,放开鼠标,此脚本检测控件的x 和 y 坐标的值。这时我们传递x 和 y 值到一个名字为xpos的textbox和ypos的textbox。每次控件被点击的时候，我们添加新的x和y的位置给textbox，在x和y值之间留一个空格。
上面是javascript脚本的部分。其余部分是在数据库中存储控件的位置。在每次回发之间检索控件的位置，让用户不能看见回发，我必须使用ajax。最重要的是Page_LoadComplete处理。

 
 
 代码 

我们在这里做的是，网站每次回发的时候，我们读取数据库。在运行时创建控件。在数据库中，控件的ID对应数据库的id字段。控件的Text对应数据库的Name字段，然后我们设置属性的样式。最重要的样式属性是position: absolute，添加我们拖动拖动属性，onmousedown 和 onmouseup。将textbox添加到页面的位置和数据库中存储的位置一致。

剩余的代码是常见的SQL的read, insert, update 和delete操作。我们使用JavaScript 传递id, x 和 y的值给textbox。分割textbox的文本，使用SQL的update 和delete命令将他们更新到到数据库中。

这个程序目前只能在IE中运行，不能在FireFox运行，我也没有在其它浏览器中测试过。有兴趣朋友可以一起完善它。

参考原文：http://www.codeproject.com/KB/vb/drag_and_drop_web.aspx

本文转自麒麟博客园博客，原文链接：http://www.cnblogs.com/zhuqil/archive/2010/01/13/1646413.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/339052

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

用Python玩微信跳一跳黑科技详细使用教程

2017年的小尾巴上，微信推出了小游戏，其中跳一跳火遍大江南北，咱们可爱的程序猿哥哥直接用Python写了个自动跳一跳的程序，github地址：https://github.com/wangshub/wechat_jump_game 因为跳一跳实在是太火了，在看到这个项目后不管有没有点编程基础的都想用这个黑科技来实现排行榜冠军。所以下面详细介绍如何使用这个黑科技。工具介绍 Python 3 Android 手机 Adb 驱动 Python Matplot绘图 Step1：python安装我们用到的是Python3版本，在自己的机器中可以进入命令行界面或终端界面输入Python查看版本。没有安装的去Python官网下载安装，安装Python时会自动配置环境变量，若没有自动配置好，可以手动配置环境变量，这方面的资料很多就不一一赘述，安装好之后在命令行输入Python，出现如下界面即为安装成功。 Step2：安装pip pip同样在Python官网下载，下载完成之后，解压到一个文件夹，用CMD控制台进入解压目录，输入python setup.py install，配置环境变量后，在CMD...

2018-01-01

482

1、创建一个新的类库目，将它命名为MyCustomControls 2、添加System.Web引用： 3、 Visual Studio 将会自动添加一个名字为"Class1.cs"的文件。请将它删除，然后添加NumericTextBox.cs 和NumericTextBoxExtention.cs两个文件类。另外创建一个名字为"Resources" 新的文件夹，在这个文件夹中添加一个名字为"NumericTextBox.js"的JavaScript文件: 4、为了使JavaScript嵌入在组件中，改变其生成操作属性为"嵌入的资源"，请参阅下图： 5、两个类库文件都用来实现NumericTextBox类，它们之间使用了关键字partial，NumericTextBox.cs 用来实现控件的逻辑，NumericTextBoxExtention.cs 将包含所有的字段和属性。 NumericTextBox.cs：代码 NumericTextBoxExtention.cs 代码 7、实现"NumericTextBox.js"：代码 8、新建一个ASP.NET Web应用程序...

2018-01-01

551

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。