easy-ui datagrid弹框显示选中行数据
来源:互联网 发布:网络销售推广方案 编辑:程序博客网 时间:2024/05/18 18:42
1.CarUpdate.jsp (代码参考)
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>车辆修改</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link rel="stylesheet" type="text/css" href="<%=basePath%>css/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="<%=basePath%>css/themes/icon.css"> <script type="text/javascript" src="<%=basePath%>js/jquery.min.js"></script> <script type="text/javascript" src="<%=basePath%>js/jquery.easyui.min.js"></script> </head> <body onload="queryPerson();" style="width: 100%;height: 100%;"> <div class="easyui-tabs" style=""> <div title="已有车辆列表" style="padding:10px;"> <div align=left > <div style="height: 25px; padding: 2px;"> 输入车辆编号:<input type="text" id="cno" name="cno" class="easyui-textbox"/> <input type="button" onclick="queryPerson()" value="查询" class="easyui-linkbutton"/> </div> <table id="tt" width="100%" height="100%"></table> </div> </div> </div> <!-- 隐藏的div框 --> <div id="addWinow" class="easyui-dialong" style="width:490px;height:320px;padding: 0px;background: #fafafa;"> <!-- 修改表单div start --><script type="text/javascript"> function validPid(){ var cno = document.getElementById("cnos").value; var data = "cno=" + cno; var url = "<%=basePath%>ValidCnoSvl"; if(cno==""){ document.getElementById("pidAlert").innerHTML = "编号不能为空"; } } function formSubmit(){ var url = "<%=basePath%>CarDoSvl?idd=2"; $('#upcar').form('submit', { url:url, onSubmit: function(){ // do some check // return false to prevent submit; }, success:function(data2){ /* alert("进入success----data"); */ if(data2 == 1){ document.getElementById("submitAlert").innerHTML = "用户修改成功"; $('#tt').datagrid('reload'); }else if(data2 == 2){ document.getElementById("submitAlert").innerHTML = "用户修改失败"; $('#tt').datagrid('reload'); } } }); } </script><div style="padding-top: 15px; padding-left: 27%;"> <!-- CarDoSvl?idd=1 idd用于switch判断 --> <form id="upcar" method="post"> <table style="border-spacing:5px;"> <tr> <td>车辆编号:</td> <td><input class="easyui-validatebox textbox" id="cnos" name="cno2" data-options="required:true,validType:'length[1,5]'" onblur="validPid();"> <span style="color:#F00;" id="pidAlert"></span> </td> </tr> <tr><td>--司 机--:</td><td><input class="easyui-validatebox textbox" id="cdriver" name="cdriver2" data-options="required:true,validType:'length[2,10]'"></td></tr> <tr><td>--电 话--:</td><td><input class="easyui-validatebox textbox" id="ctel" name="ctel2" data-options="required:true,validType:'length[8,11]'" ></input></td></tr> <tr><td>--载 重--:</td><td><input class="easyui-validatebox textbox" style="width: 85px;" id="cweight" name="cweight2" data-options="required:true">吨</td></tr> <tr> <td>所属线路:</td> <td> <select class="easyui-combobox" id="clineno" name="clineno2" style="width: 85px;"> <option value="1">线路1 </option><option value="2">线路2 </option> </select> </td> </tr> <tr><td>使用状态:</td><td><select class="easyui-combobox" id="cstatus" name="cstatus2" style="width: 85px;"> <option value="1">立即使用 </option> <option value="0">暂不使用 </option> </select></td></tr> <tr><td>所属公司:</td><td><select class="easyui-combobox" id="belongno" name="belongno2" style="width: 85px;"> <option value="1">总公司 </option> </select></td></tr> <tr><td></td></tr> <tr><td colspan="2" align="center"><input type="button" onclick="formSubmit()" value="提交" class="easyui-linkbutton" style="width: 60px;" /> <span style="color:#F00;" id="submitAlert"></span> </td></tr> </table> </form> </div> <!-- 修改表单div end --> </div> <script type="text/javascript"> /* 创建修改窗口 */ $(function(){ $('#addWinow').window({ title : '修改车辆', collapsible : false, minimizable : false, maximizable : false, closed:true, modal:true }); $('#addWinow').window('close'); }); /* 显示修改窗口 */ function openAddWin(){ var row = $('#tt').datagrid('getSelected'); if (row){ /* alert(str); */ $('#addWinow').window('open'); document.getElementById("cnos").value = row.cno; document.getElementById("cdriver").value = row.cdriver; document.getElementById("ctel").value = row.ctel; document.getElementById("cweight").value = row.cweight; document.getElementById("clineno").value = row.lineno; document.getElementById("cstatus").value = row.cstatus; document.getElementById("belongno").value = row.belongno; /* $('#addWinow').window('refresh', 'http://127.0.0.1:8081/Logistics/1/CarUpdateForm?.jsp'); */ } } /* 显示车辆列表 */ $(function(){ $('#tt').datagrid({ title:'修改车辆', height:350, nowrap: false, striped: true, tr:24, url: null, singleSelect: true, rownumbers:true, pagination:true, pageList:[10], loadMsg : '查询中 ...', columns:[[ {field:'cno',title:'编 号',width:80}, {field:'lineno',title:'线路编号', width:80}, {field:'cdriver',title:'司 机',width:80}, {field:'ctel',title:'电 话',width:130}, {field:'cweight',title:'载 重',width:80}, {field:'cstatus',title:'使用状态(1:使用中)',width:120}, {field:'belongno',title:'所属公司(1:总公司)',width:120}, {field:'pid',title:'操 作',width:100,align:'center', /* val指当前单元格的值,row,当前行对象,index当前行的索引 */ formatter:function(val,row,index){ var btn = '<a class="editcls" onclick="openAddWin()">修改</a>'; return btn; } }, {field:' ',title:'------修改需先选中所选列-----',width:190} ]], onLoadSuccess:function(data){ $('.editcls').linkbutton({text:'修改',plain:false,iconCls:'icon-edit',height:24}); } }); /* 修改分页右下角显示信息为中文 */ var pp = $('#tt').datagrid('getPager'); $(pp).pagination({ pageSize : 10,//每页显示的记录条数,默认为10 pageList : [ 10, 20, 30 ],//可以设置每页记录条数的列表 beforePageText : '第',//页数文本框前显示的汉字 afterPageText : '页 共 {pages} 页', displayMsg : '当前: {from} - {to} 条记录 共 {total} 条记录', }); //分页信息结束 }); //reload function queryPerson(){ var cno = document.getElementById("cno").value; var url = '<%=basePath%>TurnPageSvl?cno=' + cno+'&belongno=1' ; $('#tt').datagrid('options').url = url; $('#tt').datagrid('reload'); } <%-- // 车辆修改 function editCar(index){ $('#tt').datagrid('cno',index);// 关键在这里 var row = $('#td').datagrid('getSelected'); if (row){ /* 获取选中行 */ $('#dlg').dialog('open').dialog('setTitle','修改学生信息'); $('#fm').form('load',row); url = '${ctx}updateStudent.do?id='+row.id; url = "<%=basePath %>CarDoSvl?idd=3"; } } --%> </script> </body></html>
2.显示样式
0 0
- easy-ui datagrid弹框显示选中行数据
- easy-ui取得选中行数据项
- Easy UI datagrid 多行数据操作
- easy ui datagrid checkbox 默认选中问题
- easy UI 获取datagrid选中多少行
- datagrid 取得选中行数据
- Easyui datagrid 获取选中行数据
- jquery ui选中表格多行数据
- easy ui datagrid 属性
- Jquery easy ui dataGrid
- jquery Easy UI怎么让datagrid显示+号
- easy-ui datagrid 没数据时候显示没有相关数据
- Easy ui Combobox,easy ui datagrid Combobox
- datagrid 显示行数
- Jquery Easy-UI中的Datagrid实现onclickrow无效果,onDblClickRow选中当前行
- easy ui datagrid 冰封一列
- easy ui datagrid常用语法
- easy ui datagrid 简单用法
- [OpenWrt] 创建软件包
- windows操作系统下mysql双向同步复制(互为主从)
- Ubuntu下搭建tftp服务器最简单方法
- 图片随file改变js
- openwrt wiki 为按键添加功能--简单方便
- easy-ui datagrid弹框显示选中行数据
- IMX6(D-Chip)去掉uboot中倒数的办法
- WPF简单导航框架(Window与Page互相调用)
- redis中跑lua脚本删除指定key
- 小白日记24:kali渗透测试之提权(四)--利用漏洞提权
- OpenWRT用AP+WDS模式搭建无线中继
- 1.11线程组不可控异常的处理
- Eclipse调试java程序遇见的无伤大雅的小问题
- Android开发之Animations(三)