表中多个按钮进行操作不需要跳转页面的实现

有一个通用的需求,就是在一张表格中对一条记录进行多种操作,计划采取ajax异步方式的操纵数据库。

主视图:

<td>
<div class="btn-group btn-group-sm">
<a href="@Url.Action("DetailsAdmin", "ApplicationProject", new { id = item.ApplicationProjectID })" class="btn btn-primary" role="button">查看项目内容</a>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only" >切换下拉菜单</span>
</button>
<ul class="dropdown-menu" role="menu">
<li> <a href="@Url.Action("EditAdmin", "ApplicationProject", new { id = item.ApplicationProjectID })">编辑</a></li>
<li> <a href="javascript:deleteApplicationProject(‘@item.ApplicationProjectID‘)">删除</a></li>
<li> <a href="javascript:updateApplicationProject(‘@item.ApplicationProjectID‘,‘submitSingle‘)">提交</a></li>
<li> <a href="javascript:updateApplicationProject(‘@item.ApplicationProjectID‘,‘submitNotSingle‘)">取消提交</a></li>
<li> <a href="javascript:updateApplicationProject(‘@item.ApplicationProjectID‘,‘checkPassSingle‘)">初审通过</a></li>
<li> <a href="javascript:updateApplicationProject(‘@item.ApplicationProjectID‘,‘checkNotPassSingle‘)">初审不通过</a></li>
</ul>

</div>
</td>

@* 建立一个隐藏表单,可以响应多个不同的操作,提交到不同的控制器*@
<form id="applicationProjectForm" method="post"><input type="hidden" name="id" id="applicationProjectId" /></form>

2、脚本文件

<script type="text/javascript"> @* 定义一个cshtml文件比单独定义一个js文件更加有用。居然在js里面还可以使用url、html辅助方法。*@
// _reviewProjectID = $("reviewProjectID").val();
function updateApplicationProject(id, action,reviewProjectId) {
$("#applicationProjectId").val(id);
var choice = confirm("你确认进行进行操作吗?");
if (choice == true)
{
switch (action) {
case ‘submitSingle‘:
$("#applicationProjectForm").attr(‘action‘, ‘@Url.Action("MakeASubmit")‘).submit();
break;
case ‘submitNotSingle‘:
$("#applicationProjectForm").attr(‘action‘, ‘@Url.Action("MakeANotSubmit")‘).submit();
break;
case ‘checkPassSingle‘:
$("#applicationProjectForm").attr(‘action‘, ‘@Url.Action("MakeAPassCheck")‘).submit();
break;
case ‘checkNotPassSingle‘:
$("#applicationProjectForm").attr(‘action‘, ‘@Url.Action("MakeANotPassCheck")‘).submit();
break;
default:
console.debug(‘Unknown action ‘ + action); //写给浏览器调试用的,按F12键会在浏览器 控制台窗口显示信息。
}

}

}

时间: 2024-10-11 03:24:24

表中多个按钮进行操作不需要跳转页面的实现的相关文章

对设备描述表中路径层的简单操作

设备描述表中还有一个路径层.路径层就是在客户区上划定界线,界线之内的是各自的地盘.在MFC中,利用CDC类的BeginPath在设备描述表中打开一个路径层,然后利用图形设备借口(GDI)提供的绘图函数进行绘图操作,绘制完成后使用EndPath关闭这个路径层. 裁剪区域:可以把它理解为一个绘图区域,大小可以由我们来控制.对单文档应用程序来说,通常把客户区看做一个大的裁剪区域,但裁剪区域也可以局限于客户区中一个很小的范围之内. CDC类提供一个SelectClipPath函数,其作用是把当前设置的路

MySQL表的创建和表中数据操作

这篇文章主要介绍在navicat的命令界面操作mysql.主要涉及建立表结构,和对表中数据的增加删除修改查询等动作.站在一个新手角度的简单mysql表结构和数据操作. ☆ 准备工作 1,保证自己的电脑安装了mysql(my.ini下的字符集设置是utf8) 2,确保电脑同时安装navicat(任意版本) 3,保证mysql服务器已经启动 注:若对navicat操作不熟,请参照<<navicat从下载到使用>>这篇文章. ☆ 打开控制台 在navicat的tools(工具)菜单栏选择

Sql Server 在已知表中插入、删除、修改某一列操作

--1.向已有表中增加一列 ALTER TABLE TableName ADD ColumnName VARCHAR(20) NULL --2.删除表中的某一列 ALTER TABLE TableName DROP COLUMN ColumnName --3.修改某一列的数据类型 ALTER TABLE TableName ALTER COLUMN ColumnName INT 2.查询当年或者当月的数据 1.查询当年的数据 SELECT * FROM UserInfo WHERE YEAR(R

第二阶段 MySQL函数库 表中数据查询与多表操作

一位初学php的随堂笔记,记录自己的成长! 一.表结构的修改(DDL) 1.添加表结构的字段 a.ALTER TABLE 表名 ADD 字段名 数据类型 [字段属性|约束条件] [FIRST|AFTER 字段名]: b. 添加多个字段 ALTER TABLE 表名 ADD 字段名 数据类型 [字段属性|约束条件] [FIRST|AFTER 字段名], ADD 字段名 数据类型 [字段属性|约束条件] [FIRST|AFTER 字段名]...: 2 删除字段 ALTER TABLE 表名 DROP

mysql学习笔记——对数据表中记录的操作

对记录的操作,主要有增.删.改.查 一.记录插入命令:insert into 表名(列名,列名, .... ) values(值, 值, ....); 值个数应该列个数相同,值顺序和列顺序相同,值类型和列字段类型匹配 当表名后面省略列名时,values后面要给出所有列的值 插入数据时,字符串添加 单引号 '' ---- 字符型和日期型数据应包含在单引号中 插入数据时,中文乱码问题:将客户端的编码集设置为gbk 修改mysql 配置文件,永久改变客户端编码集 ----- mysql/my.ini

自定义类StyleSheet跨浏览器操作样式表中的规则

这是群里网友地瓜提供的一个类,不熟悉样式的浏览器差异的可以看看 /** * Stylesheet.js: utility methods for scripting CSS stylesheets. * * This module defines a Stylesheet class that is a simple wrapper * around an element of the document.styleSheets[] array. It defines useful * cross

用python库openpyxl操作excel,从源excel表中提取信息复制到目标excel表中

现代生活中,我们很难不与excel表打交道,excel表有着易学易用的优点,只是当表中数据量很大,我们又需要从其他表册中复制粘贴一些数据(比如身份证号)的时候,我们会越来越倦怠,毕竟我们不是机器,没法长时间做某种重复性的枯燥操作.想象这样一个场景,我们有个几千行的表要填,需要根据姓名输入其对应的身份证号,但之前我们已经做过一个类似的表,同样的一些人的姓名跟身份证号是完整的,那么我们就需要通过一个个查找姓名,然后把身份证号码复制到我们当前要做的表里去. 当我日复一日重复着这些操作的时候,我都很想有

SQL笔记----在一个关系表中操作列

使用alter关键字,可以为一个表添加新的列. 比如: 给Persons的表中添加一列,名字为Birthday,类型是date. ALTER TABLE Persons ADD Birthday date 使用alter的格式为: ALTER TABLE table_name ADD column_name datatype 在一个表中删除一列的操作为: ALTER TABLE table_name DROP COLUMN column_name 改变列的属性: ALTER TABLE tabl

hbase使用MapReduce操作4(实现将 HDFS 中的数据写入到 HBase 表中)

实现将 HDFS 中的数据写入到 HBase 表中 Runner类 1 package com.yjsj.hbase_mr2; 2 3 import com.yjsj.hbase_mr2.ReadFruitFromHDFSMapper; 4 import com.yjsj.hbase_mr2.WriteFruitMRFromTxtReducer; 5 import org.apache.hadoop.conf.Configuration; 6 import org.apache.hadoop.c