本文主要和大家分享jQuery实现一个类似GridView的编辑,更新,取消和删除的功能，在项目中遇到这样的需求当用户点击编辑时，在点击行下动态产生一行，编辑铵钮变为disabled,新产生的一行有更新和取消的铵钮，点击“取消”铵钮，删除刚刚动态产生的行，编辑铵钮状态恢复。下面小编给大家分享实例代码，一起看看吧。先来看看下面实时效果演示：用户点击编辑时，在点击行下动态产生一行。编辑铵钮变为disabled。新产生的一行有更新和取消...
看到一个这样的例子和大家分享下。这个一直是我想要做到的。 首先先展示下最终的样子： 使用northwind的数据。点击前面的加号会把其它属于这个产品的详细订单展示出来,而每个产品后面都会有它的订单个数。点击+后的样子: 先分析下它的实现: 第一个图的显示是个Gridview,当点击每条记录前面的+时会使用jQuery的ajax功能调用一个Web Method,并传输一个当前产品的ID进去,然后会定义一个继承UserControl的类,它能够添加一个ascx文件,...
每次请求备份管理页面时，服务端会把所以的备份还原信息都传到客户端，然后ui.tabs将两种信息折叠起来分别显示，好在ui.tabs给我提供ajax功能，我们的每个tab可以直接应用另外一个页面 如： 代码如下: 备份 还原 但这样，当Restore.aspx存在服务端控件时，当他与服务端交互时，将不会很理想，比如GridView自带排序，分页就不可能实现，因为每一次交互他总是他只会显示你第一次加载该tab的状态（gridview它可能总是显示的第一...
理由：jquery简单，兼容性好且容易封装。废话不多说，马上开始我们的Jquery插件编写吧。应该有很多人写过类似的插件，我也是有些模仿flexGrid的形式。 需求：GridView显示数据，无刷新分页，无刷新排序，无刷新过滤（搜索数据），基于ASP.NET(我们这里有ashx一般处理文件来实现)。 使用到技术：asp.net2.0, jquery,css 首先写的是jquery插件方面，使用的核心函数还是jquery的ajax函数，方便快捷。 代码如下: $.ajax({ type: p.met...
AJAXLoadProgressForm.aspx： 代码如下: function ShowProgressDiv() { var ID = $("input#idtxt").val(); $.ajax({ type: "GET", url: "GetGridViewByConditionForm.aspx", data: "id=" + ID, beforeSend: function() { $("div#ProgressDiv").css("display", "block"); }, success: function(msg) { $("div#ShowSearchResult").html(msg); }, complete: function() { $("div#ProgressDiv").css("display", "none"); ; } }); } ...
代码如下: " name="chkReceipt" /> " /> " /> " /> 你想取选中的checkbox后面隐藏域中的value,如下： 代码如下: function SelectReceipt() { var checknum = 0; var customerCode = ""; var type = ""; var url = ""; checknum = $("input:checked").length; if (checknum > 1) { alert("只能选择一条记录进行收款！"); return false; } else { alert(checknum); if (checknum == 1) { customerCode = $("input:checked")...
aspx页面代码：通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值 代码如下: 保密 男 女 Save jquery代码： 代码如下: function Save(obj) { var tr = $(obj).parent().parent(); //获取点击行的 tr tr.find("td").eq(3).find("select").val(); //获取点击行中的第四列 DropDownList1 的选择Value tr.find("td").eq(3).find("select").text(); //获取点击行中的第四列 DropDownList1 的选...
本文实例讲述了Jquery简单实现GridView行高亮的方法。分享给大家供大家参考。具体实现方法如下：$("#gridID tr:not(tr:last-child)").filter(function () {return $('td', this).length && !('table', this).length }).hover(function () {$(this).toggleClass('hover_css'); });希望本文所述对大家的jQuery程序设计有所帮助。
看到一个问题：定时更新GridView的某一列中的状态文本。马上就有了思路：GridView最后会生成表格，所以我们在页面中通过Ajax更新表格的列，从而达到ajax更新GridView的效果。 具体实现： 准备一个xml文件，用于存储要更新的数据，在页面中启动一个定时器，每隔5秒钟调用一个函数，函数里边通过$.ajax获取xml中的数据，解析xml，遍历表格行，匹配要更新的数据，更新。 getuserlist.xml 定义一个UserList的根节点，下边每个UserItem对...
jQuery是一种非常强大的客户端JS编程技术，这里不想过多阐述它的相关背景知识，只想简单演示一下如何与asp.net的控件结合开发。 比如，我们要做一个下面如图所示的功能，效果是状态、编号、数字1、数字2、平均值所有的项都是通过后台绑定，如何点击checkbox按钮，来实现自动计算当前行两个数字的平均值呢？前提是用jQuery来实现？我们直接在页面的Page_Load事件中输入如下代码：protected void Page_Load(object sender, EventArgs...
先来看看下面实时效果演示：用户点击编辑时，在点击行下动态产生一行。编辑铵钮变为disabled。 新产生的一行有更新和取消的铵钮，点击“取消”铵钮，删除刚刚动态产生的行。编辑铵钮状态恢复。 更新与删除铵钮功能没有什么特别的。 在ASP.NET MVC视图html代码如下，普通的表格table，普通的html标签：删除的铵钮功能：$(.Delete).click(function () {var flag = confirm(你确认是否删除记录？);if (flag) {var tr = $(this).close...
本文实例讲述了jQuery数据检索中根据关键字快速定位GridView指定行的实现方法。分享给大家供大家参考，具体如下： 运行截图如下：具体代码如下： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowGridviewContent.aspx.cs" Inherits="ShowGridviewContent" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www...
jQuery是一种非常强大的客户端JS编程技术，这里不想过多阐述它的相关背景知识，只想简单演示一下如何与asp.net的控件结合开发。 比如，我们要做一个下面如图所示的功能，效果是状态、编号、数字1、数字2、平均值所有的项都是通过后台绑定，如何点击checkbox按钮，来实现自动计算当前行两个数字的平均值呢？前提是用jQuery来实现？我们直接在页面的Page_Load事件中输入如下代码：protected void Page_Load(object sender, EventArgs...
看到一个问题：定时更新GridView的某一列中的状态文本。马上就有了思路：GridView最后会生成表格，所以我们在页面中通过Ajax更新表格的列，从而达到ajax更新GridView的效果。 具体实现： 准备一个xml文件，用于存储要更新的数据，在页面中启动一个定时器，每隔5秒钟调用一个函数，函数里边通过$.ajax获取xml中的数据，解析xml，遍历表格行，匹配要更新的数据，更新。 getuserlist.xml 定义一个UserList的根节点，下边每个UserItem对...
今天做静态页面时有一个需求，就是页面上有一组两个选项的单选按钮和一个有6行的列表（该列表用Table标签实现，不是DIV），当选择单选按钮的选项一时，列表的前三条信息显示后三条信息隐藏，当选择单选按钮的选项二时，列表的前三条信息隐藏后三条信息显示。那么就牵扯出我们今天的话题拉，如何实现呢？实现后该实现还能应用到哪些场景？ 1、第一反应的解决方案 碰到这个需求后，我第一反应就是很简单啊，分别用两个DIV将前三个Tab...