jquery更改Reaper某一列的值
一、实现效果:通过Jquery实现点击repeater中的按钮循环修改快递专线的线路状态
1、初始效果图
2、点击关闭专线按钮之后的效果图
二、MVC模式实现上述效果
SQLServerDAL层
#region 修改快递线路状态
/// <summary>
///根据自动编号、快递线路状态修改快递线路信息
/// </summary>
/// <param name="Id">自动编号</param>
/// <param name="IsSpecial">是否专线</param>
/// <returns></returns>
public int UpdateSpecial(int Id, bool IsSpecial)
{
string str = string.Format("update ExpressLine set IsSpecial={0} where Id={1}", Convert.ToInt32(IsSpecial), Id);
return DBUtility.SqlHelper.ExecuteNonQuery(ConnString.conn, CommandType.Text, str, null);
}
#endregion
Models层——>DAL层
#region 修改专线状态
/// <summary>
///根据自动编号、专线状态修改快递线路信息
/// </summary>
/// <param name="Id">自动编号</param>
/// <param name="IsSpecial">专线状态</param>
/// <returns></returns>
public static int UpdateSpecial(int Id, bool IsSpecial)
{
return new SQLServerDAL.ExpressLine().UpdateSpecial(Id, IsSpecial);
}
#endregion
Controllers层
/// <summary>
/// 修改专线状态
/// </summary>
/// <param name="id">自动编号</param>
/// <param name="special">是否开通专线</param>
/// <returns></returns>
public JsonResult UpdateSpecial(int id, bool special)
{
special = special == true ? false : true;
if (Models.DAL.ExpressLine.UpdateSpecial(id, special) > )
{
return Json(new { code = , msg = "" });
}
else
{
return Json(new { code = 0, msg = "修改失败" });
}
}
Views层
@model IEnumerable<Wutong.Model.MiniExpressLine>
@{
ViewBag.Title = "会员中心-快递线路管理";
}
<form>
<table width="720" class="tb2" cellpadding="0" cellspacing="0">
<tr>
<td class="dh strong" width="40"><input type="checkbox"></td>
<td class="dh strong" width="150">出发地->到达地</td>
<td class="dh strong" width="100"> 发布/刷新时间</td>
<td class="dh strong" width="50">线路状态</td>
<td class="dh strong" width="50">管理线路</td><td class="dh strong" width="30">查看</td>
<td class="dh strong" width="30">修改</td>
<td class="dh strong" width="30">删除</td>
</tr>
@foreach (var item in Model)
{
<tr data="@item.Id" data1="@item.IsSpecial">
<td width="40"><input type="checkbox"></td>
<td style="line-height: 15px;">@item.StartArea -> @item.ArriveArea</td>
<td style="line-height: 15px;">@item.AddDate</td>
<td style="line-height: 15px;">@((item.IsSpecial) == true ? "专线" : "非专线")</td>
<td><input type="button" value='@((item.IsSpecial) == true ?"关闭专线" : "开通专线")' class="btnUpdateSpecial"></td><td><a href="/ExpressLineInfo/@item.Id"><img src="/images/find.png" width="19" height="19"></a></td>
<td><a href="/Member/PublishExpressLine/?type=get&id=@item.Id"><img src="/images/xg.png" width="16" height="16"></a></td>
<td><a href="javascript:void" class="del"><img src="/images/del.png" width="19" height="19" title="删除"></a></td>
</tr>
}
</table>
</form>
@section Js{
<script type="text/javascript">
$(function () {
$(".btnUpdateSpecial").click(function () {
var $parent = $(this).parent().parent();
var _id = $parent.attr("data");
var _special = $parent.attr("data1");
$.post("/Member/UpdateSpecial/", { id: _id, special: _special }, function (json) {
if (json.code == 1) {
//修改线路状态成功,刷新当前页面,改变按钮显示的值
location = location;
return true;
}
else {
//修改线路状态失败
alert(json.msg);
return false;
}
});
//更改线路状态
$parent.each(function () {
$parent.find("td:eq(3)").each(function () {
if ($(this).html() == "非专线") {
$(this).html("专线");
}
else {
$(this).html("非专线");
}
});
}); });
});
</script>
}
jquery更改Reaper某一列的值的更多相关文章
- c# 怎么更改DataTable 中某列的值?
DataColumns dc = td.Columns["你的列"]; int inx = dc.Ordinal;td.Columns.Remove(dc);dc.DefaultV ...
- Jquery Ajax 异步设置Table中某列的值
可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...
- jQuery获取Table某列的值
在写此篇博文时,发现在以前曾写过<获取DataTable选择第一行某一列值>http://www.cnblogs.com/insus/p/5434062.html . 但是与此篇所说的完全 ...
- 关于jqGrig如何写自定义格式化函数将JSON数据的字符串转换为表格各个列的值
首先介绍一下jqGrid是一个jQuery的一个表格框架,现在有一个需求就是将数据库表的数据拿出来显示出来,分别有id,name,details三个字段,其中难点就是details字段,它的数据是这样 ...
- gridview中后台获取某列的值
下面的gridview中,获取某行某列的值(非模板页),如图所示 <asp:GridView AutoGenerateColumns="false" CssClass=&qu ...
- 雷林鹏分享:jQuery EasyUI 数据网格 - 格式化列
jQuery EasyUI 数据网格 - 格式化列 以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色. 为了格式 ...
- MySQL 批量修改某一列的值为另外一个字段的值
mysql> select * from fruit; +----+--------+-------+ | id | name | price | +----+--------+-------+ ...
- DataTable 更改在有数据列的类型方法
原文:DataTable 更改在有数据列的类型方法 /// <summary> /// 修改数据表DataTable某一列的类型和记录值(正确步骤:1.克隆表结构,2.修改列类型,3.修改 ...
- (转)arcengine+c# 修改存储在文件地理数据库中的ITable类型的表格中的某一列数据,逐行修改。更新属性表、修改属性表某列的值。
作为一只菜鸟,研究了一个上午+一个下午,才把属性表的更新修改搞了出来,记录一下: 我的需求是: 已经在文件地理数据库中存放了一个ITable类型的表(不是要素类FeatureClass),注意不是要素 ...
随机推荐
- grunt入门之grunt watch的使用
watch几乎是grunt必不可少的应用,一旦配置好watch,保存文件后将立即执行命令 安装方式如下: npm install grunt-contrib-watch --save-dev 安装好以 ...
- hdu 5594 ZYB's Prime 最大流
ZYB's Prime Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=5 ...
- Vs2008几个快捷键
CTRL+M 收缩 格式化cs代码:Ctrl+k+f 格式化aspx代码:Ctrl+k+d 5. 怎样快速切换不同的窗口? Ctrl+Tab 7. 怎样快速添加代码段? 输入prop然后按两 ...
- AutoCAD按坐标打印图纸
前几天公司要求按坐标打印DWG文件,中间走了不少弯路,好在已经搞定了,整理一下分享给大家,希望后来人少走弯路. 1. 设计需求: 公司的图纸用AutoCAD2010做成,通常一个项目的所有图纸都存放在 ...
- Fork/Join框架之双端队列
简介 ForkJoinPool管理着ForkJoinWorkerThread线程,ForkJoinWorkerThread线程内部有一个双端队列,这个双端队列主要由一个数组queue.数组下标queu ...
- IPC——信号量
Linux进程间通信——使用信号量 这篇文章将讲述别一种进程间通信的机制——信号量.注意请不要把它与之前所说的信号混淆起来,信号与信号量是不同的两种事物.有关信号的更多内容,可以阅读我的另一篇文章:L ...
- gpus_ReturnGuiltyForHardwareRestart 错误
经查出是glScissor长宽不能为0,在某些设备上会出问题
- 进程控制之exit函数
进程有下面5种正常终止方式: (1)在main函数内执行return语句.这等效于调用exit. (2)调用exit函数.此函数有ISO C定义,其操作包括调用各终止处理程序(终止处理程序在调用ate ...
- Apache的编译安装error: APR not found. Please read the documentation
提示configure: error: APR not found. Please read the documentation. 经网上查阅资料才知道这是Apache的关联软件 在apr.apach ...
- Xamarin自学教程(Android)之一
废话少说,我们直接开始吧.有兴趣的就一起,我慢慢写,咱们一起慢慢学.希望两个月内能基本完成基于Xamarin的Android开发内容. 还是一样,先来安装开发环境吧.跟着做就行了. 首先,我们到微软的 ...