用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。...

请勿盗版，转载请加上出处http://blog.csdn.net/yanlintao1

先给大家看看图片效果，大家不要直接复制代码，这样是执行不了的，由于你们数据库和我的不一样，可是你们能够自己读读这个代码。找找对自己实用的，当然我的方法也不是最好的希望大家能够给点意见。感激不尽。

（1）点击改动图标

（2）填写改动内容

（3）点击确定改动

jquery与css代码：

<style type="text/css">
.open{display:block;
}
.close{ display:none;
}
</style>
<script language="javascript">
$(function(){//监听改动,实现显示关闭之间的切换$("tr").delegate("td[id='modify']","click",function(){var id  = $(this).attr('name');$("#"+id).toggleClass("close");});//监听改动的确认改动button，并以ajax方式提交$("td").delegate("input[name='update[]']","click",function(){var id=$(this).parent().parent().attr('name');var student_id1=$("input[name='student_id1']").map(function(){return $(this).val()}).get();var date1=$("input[name='date1']").map(function(){return $(this).val()}).get();var beforeclass_id1=$("input[name='beforeclass_id1']").map(function(){return $(this).val()}).get();var class_id1=$("input[name='class_id1']").map(function(){return $(this).val()}).get();   var type1=$("select[name='type1']").map(function(){return $(this).val()}).get();var remark1=$("input[name='remark1']").map(function(){return $(this).val()}).get();$.post("/qtsc/update" ,{student_id1:student_id1[id],date1:date1[id],beforeclass_id1:beforeclass_id1[id],class_id1:class_id1[id],type1:type1[id],remark1:remark1[id]},function(data){                   if(data=='班级格式错误或不存在，请检查！

'){ alert(data); }else{ alert(data); location.reload(); } }); }); }); </script>

html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="/css/dmcx.css"/>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/cxjl.js"></script>
<script type="text/javascript" src="/My97DatePicker/WdatePicker.js"></script>
<title>MYTITLE</title>
</head>
<body bgcolor="#fff"><form method="post" name="reqForm" action="/Qtsc/delete"><table align="center" id="rounded-corner" ><thead><tr><th scope="col" class="rounded-company">全选<input type='checkbox' name="allsel" οnclick="check_all(this,'id[]')"/></th><th scope="col" class="rounded">姓名</th><th scope="col" class="rounded">学号</th><th scope="col" class="rounded">时间</th><th scope="col" class="rounded">最初班级</th><th scope="col" class="rounded">终于班级</th><th scope="col" class="rounded">学籍变动类型</th>                <th scope="col" class="rounded">备注</th><th scope="col" class="rounded-q4">改动</th><th scope="col" class="rounded-q4">删除</th></tr></thead><tbody id="cxjg">        <?php $k = 0;$class = $this->class;$beforeclass = $this->beforeclass;foreach ($res=$this->studentchange as $key=>$value){$id=$value["id"];$url="/qtsc/delete?id[]={$id}";echo "<tr>";echo "<td><input type='checkbox' name='id[]' value='".$id."'/></td>";echo "<td>".$value['name']."</td>"."<td>".$value['student_id']."</td>"."<td>".$value['date']."</td>"."<td>".$beforeclass[$key]."</td>"."<td>".$class[$key]."</td>"."<td>".$value['type']."</td>"."<td>".$value['remark']."</td>";echo "<td  name='".$id."' id='modify'><a href='#' id='alter'><img src='/images/user_edit.png' /></a></td>";echo '<td><a href="'.$url.'" name="delete"><img src="/images/trash.png" alt="" title="" border="0" /></a></td>';              echo "</tr>";echo "<tr class='close' name='".$k."'  id='".$id."'><form method='post' action='/qtsc/update'><td></td><td><input type='hidden' name='student_id1' value='".$value['student_id']."'</td><td>日期<input type='text' name='date1' value='".$value['date']."' class='Wdate' οnclick='WdatePicker()'/></td><td>最初班级<input type='text' name='beforeclass_id1' value='".$beforeclass[$key]."'/></td><td>终于班级<input type='text' name='class_id1' value='".$class[$key]."' /></td><td>学籍异动类型<select name='type1' value='".$value['type']."'><option value='".$value['type']."'>".$value['type']."</option><option value='转专业'>转专业</option><option value='试读'>试读</option><option value='休学'>休学</option></select></td><td>备注<input type='text' name='remark1' value='".$value['remark']."'/></td><td></td>   <td><input type='button' name='update[]' value='确定改动'/></td><td></td></form></tr>";$k++;}?>      </tbody>      </table></form>
<div class="bts"><a href="/qtsc/qtscadd" class="bt"><span class="bt_lft"></span><strong>加入记录</strong><span class="bt_r"></span></a><a href="javascript:void(0)" οnclick="isdo()" class="bt"><span class="bt_lft"></span><strong>删除所选</strong><span class="bt_r"></span></a><!--<a href="javascript:document.reqForm.submit();" class="bt"><span class="bt_lft"></span><strong>删除所选</strong><span class="bt_r"></span></a>-->
</div>
</body>
</html>

zend framework 在这里我仅仅写控制器中的action。模型省略写，其它的不重要的也不写

//检查学生public function checkstuAction(){$stu_id=$this->getRequest()->getParam("stu_id");$student = new Student();$res = $student->getStudent($stu_id);$studentchange = new Studentchange();$res3 = $studentchange->getStuchange($stu_id);$beforeclass_id = $this->getRequest()->getParam('beforeclass_id');$class_id = $this->getRequest()->getParam('class_id');$classes = new Classes();$res1 = $classes->getClassid($beforeclass_id);$res2 = $classes->getClassid($class_id);if(count($res)==0&&count($res3)!=0){echo '此学号不存在,或在学籍异动中该学生已经存在';exit();}elseif(count($res1)==0||count($res2)==0){echo '班级格式错误或不存在。请检查！

'; exit(); }else{ echo 'ok'; exit(); } } //改动 public function updateAction(){ //取值 $student_id1 = $this->getRequest()->getParam('student_id1'); $date1 = $this->getRequest()->getParam('date1'); $beforeclass_id1 = $this->getRequest()->getParam('beforeclass_id1'); $class_id1 = $this->getRequest()->getParam('class_id1'); $type1 = $this->getRequest()->getParam('type1'); $remark1 = $this->getRequest()->getParam('remark1'); //转化班级名为ID $classes = new Classes(); $res1 = $classes->getClassid($beforeclass_id1); $res2 = $classes->getClassid($class_id1); if(count($res1)==0||count($res2)==0){ echo '班级格式错误或不存在。请检查！'; exit(); } $data = array( 'student_id'=>$student_id1, 'date'=>$date1, 'beforeclass_id'=>$res1[0]['id'], 'class_id'=>$res2[0]['id'], 'type'=>$type1, 'remark'=>$remark1 ); $studentchange = new Studentchange(); $db = $studentchange->getAdapter(); $where = $db->quoteInto('student_id=?',$student_id1); $flag=$studentchange->update($data, $where); // $date1 = array( // 'class_id'=>$res2[0]['id'] // ); // $student = new Student(); // $db1 = $student->getAdapter(); // $where1 = $db1->quoteInto('id=?

',$student_id1); // $flag1 = $student->update($data1, $where1); if(count($flag)==0){ echo '您未改动内容或填写格式错误，请检查！'; exit(); }else{ echo '改动成功。'; exit(); } }

请勿盗版，转载请加上出处http://blog.csdn.net/yanlintao1

用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。...相关推荐

用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式修改提交对应的那一行的修改内容。
请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1 请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1 先给大家看看图片效果,大 ...
SharePoint 2013 关于自定义显示列表表单的bug
1.在SharePoint 2013中,我们隐藏列表Dispform页面的ListFormWebPart部件,转而使用自定义显示列表表单进行展示,因为这样更容易定制我们需要的显示: 2.之后发现文件夹 ...
一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单（6）--列表表单的局限...
当SharePoint列表作为InfoPath表单被自定义时,当涉及到SharePoint ASP.NET页.作为InfoPath表单的SharePoint列表和表单库表单之间的表单行为时,有一些细微 ...
SharePoint 2013 配置InfoPath 列表表单
转载来源:http://www.cnblogs.com/jianyus/p/3470113.html SharePoint列表,都是通过表单展示,有时候不太符合要求,这时候,我们可以通过定制表单,来是 ...
一步步学习微软InfoPath2010和SP2010--第四章节--处理SP列表表单（8）--关键点
1. 在使用InfoPath自定义SharePoint列表时,理解它们的固有基础是很重要的. 2. SharePoint列表表单在自定义之前看起来很平凡,并且它们都有相同标准的外观. 3. 每个列表有 ...
form通过ajax提交表单,Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...
SharePoint：扩展DVWP - 第8部分：挂接了工作流列表表单操作
上一次我们讨论了在挂接工作流之前列表表单操作链接的组成形式.在本文中,让我们看一下在创建好工作流后发生了哪些变化. 继续上一次未完成的操作,创建一个简单的工作流,其中要用到所有的表单字段.(具体做什么 ...
html书写表单laber,day02_HTML表格列表表单
定义表格列的组. 1.4单元格合并 1. 确定目标单元格位置目标单元格的位置,原则为上边的单元格优先级大于下边的单元格优先级,左边的单元格优先级大于右边的优先级. 2. 确定合并方式根据合并方向, ...
bootstrap table 中自定义样式隐藏一列，能够同过jQuery获取隐藏列
做项目的时候准备用bootstrap-table来遍历表格,后续操作需要传主键ID,但又不想ID在表格中显示于是第一次写的代码是下面这段.用的是visible:false,(这个的作用是将列隐藏) ...

用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。...

用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。...相关推荐

最新文章

热门文章