jQuery动态产生的铵钮怎样实现事件处理

在ASP.NET MVC环境中,实现一个小功能,就是希望使用jQuery动态一个铵钮,并让用户能执行这个铵钮的click事件。
为了更好的理解与对比,Insus.NET在视图中先写一个静态的,执行相似的功能,再使用动态产生的铵钮来实现。

jQuery的事件,上一次我们有学习了.on(xxx) 《学习jQuery的on事件http://www.cnblogs.com/insus/p/4310999.html 而今天的动态,却需要学习一个叫.delegate(xxx)。

控制器Controller:

View视图:

上图示例中的标记A,在相对应的控制器目录中创建控制器相对应的操作Action。

标记B,文本框,用户填入数据。

标记C,静态铵钮。

标记D,div标签,是用来动态加载jQuery动态产生的铵钮。

标记E,引用jQuery类库。

标记F,jQuery代码:

实时演示:

时间: 2024-10-07 19:05:45

jQuery动态产生的铵钮怎样实现事件处理的相关文章

视图加载时自动执行铵钮事件

再学习一个方法,就是在ASP.NET MVC视图加载时,让jQuery自动执行一个铵钮事件. 在控制器添加一个Action操作: 先在视图实现一个铵钮事件: 看看上面运行时的效果,当视图加载时,需要人为去点击铵钮,才能执行铵钮的事件: 现在Insus.NET在视图的jQuery程序中,添加几句代码,让其在视图加载时,自动去执行Button的click事件,实现它,需要使用到setTimeout()和trigger()两个方法: 实时演示:

动态添加列之后,铵钮事件怎样写?

有网友来问题,“想通过后台代码给gridview绑定数据,然后在最后一列添加Button,点击按钮后获得所在行的某个数据, 在网上找到了动态生成按钮的程序,但是不知道怎么给这个按钮添加一个Click事件” : 网友也许是看了Insus.NET这篇<动态为GridView控件创建列>http://www.cnblogs.com/insus/archive/2011/06/10/2077538.html .此篇中只有演示动态添加一列,此列是一个图片铵钮. 想实现GridView中任何一行或是任何一

jquey学习2之jquery动态添加页面片段

第一个方法:append()方法 [1]$(selector).append(content)//向匹配的所有标签中的内容末尾处添加Html代码,会编译成页面显示. 1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript&quo

jQuery动态生成&lt;select&gt;下拉框

前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方式 (1)将数据放在model中,JSP页面用EL表达式${}取出,该方式缺点是数据更改时必须刷新整个页面,本文不过多描述. (2)就是本文要说的jQuery动态生成了,该方式适合数据频繁变动的场景. 2.<select>组成 <select> <option value=”aa

用Jquery动态append方式加入标签时Css样式丢失的解决方法

一般在Jquery中会用下面的方式来添加新标签: var obj = "<fieldset data-role='controlgroup' data-type='vertical' data-role='fieldcontain'> <input id='menu0" type='checkbox'/><label for='menu0'> 复选框 </label> </fieldset>";  //按个人要求拼接

jQuery——动态给表格添加序号

摘录自:http://www.cnblogs.com/picaso/archive/2012/10/08/2715564.html 很多时候遇到需要对表格动态操作,而且一般都会有表格的序号,但是有时候我们对表格的序号直接输出是比较麻烦的,所以尝试一下使用jquery动态输出吧~~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

PHP服务器文件管理器开发小结(九):jQuery动态表单实现文件下载

前文讨论的文件操作,无论是新建.编辑.移动.删除,都是服务端对本地文件系统的操作.这一节需要讨论一个涉及服务端和客户端协调进行的操作:文件下载. 简单的文件下载可以通过将相对路径写入超链接的方式进行,然而这样仅限于服务端Apache有下载权限的文档,如果需要支持对更多文件进行下载,仅仅使用这一方式就远远不够了.这里需要利用PHP的能力,在服务端"取出"文件并"推送"给客户端. 首先是生成下载图标链接: if (is_readable($filePath)) $inf

jquery动态添加删除一行数据

<html> <head> <title>添加.删除一行</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>

jQuery动态创建html元素的常用方法汇总

在使用jQuery进行WEB程序设计的时候非常有用.分享给大家供大家参考.具体方法如下: 一般来说,可以通过以下几种方式动态创建html元素: 1.使用jQuery创建元素的语法 2.把动态内容存放到数组中,再遍历数组动态创建html元素 3.使用模版 1.使用jQuery动态创建元素追加到jQuery对象上. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <