一套完整的前台页面增删改查以及js(easyui)
增加页面：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>表单录入</title>
</head>
<body>
<script src="<%=request.getContextPath()%>/uiPage/ods/meal/meal.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/ajaxfileupload.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor-all.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor-min.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/lang/zh_CN.js"></script>
<script type="text/javascript">
function upload(){
$.ajaxFileUpload({
url : './meal/upload.action',//用于文件上传的服务器端请求地址
secureuri : false,
fileElementId:'file',//必须和<input type="file" name="file" id="file">中的id属性的值一致，后台才能获取到文件的名称
type:'post',
dataType : 'text', //返回值类型 一般设置为json
success : function(data) {
$('#picPath').val(data);
//alert(data);
//alert(data.substring(data.lastIndexOf("\\")+1));
data1 = data.substring(data.lastIndexOf("\\")+1);
//alert(data.substring(0,data.lastIndexOf("\\")));
data = data.substring(0,data.lastIndexOf("\\"));
//alert(data.substring(data.lastIndexOf("\\")+1));
data2 = data.substring(data.lastIndexOf("\\")+1);
/* alert("/"+data1); */
$("img[id='imgId']").attr("src","/"+data2+"/"+data1);
}
})
}
(function ($, K) {
if (!K)
throw "KindEditor未定义!";
function create(target) {
var opts = $.data(target, 'kindeditor').options;
var editor = K.create(target, opts);
$.data(target, 'kindeditor').options.editor = editor;
} $.fn.kindeditor = function (options, param) {
if (typeof options == 'string') {
var method = $.fn.kindeditor.methods[options];
if (method) {
return method(this, param);
}
}
options = options || {};
return this.each(function () {
var state = $.data(this, 'kindeditor');
if (state) {
$.extend(state.options, options);
} else {
state = $.data(this, 'kindeditor', {
options : $.extend({}, $.fn.kindeditor.defaults, $.fn.kindeditor.parseOptions(this), options)
});
}
create(this);
});
}
$.fn.kindeditor.parseOptions = function (target) {
return $.extend({}, $.parser.parseOptions(target, []));
};
$.fn.kindeditor.methods = {
editor : function (jq) {
return $.data(jq[0], 'kindeditor').options.editor;
}
};
$.fn.kindeditor.defaults = {
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : false,
items : [
'fontname', 'fontsize', 'code','|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
afterChange:function(){
this.sync();//这个是必须的,如果你要覆盖afterChange事件的话,请记得最好把这句加上.
}
};
$.parser.plugins.push("kindeditor");
})(jQuery, KindEditor);
</script>
<div data-options="iconCls:'icon-costom',title:'组织机构信息'" style="padding:10px;" >
<form method="post" name="addMealForm" id="addMealForm">
<h1 style="font-weight:bold">基本信息</h1>
<div style="width:650px;height:5px;border-top:1px dashed #cccccc; margin-left:3px"></div>
<table id="layoutCentTab" align="center" class="w600">
<tr class="lh50">
<td class="stdfrm-b1">菜品名称：</td>
<td><input class="easyui-validatebox stdfrm-b2" type="text" name="meal.mealName" data-options="required:true"></input><span class="redstart"> </span></td>
<td class="stdfrm-b3">菜品分类：</td>
<td>
<input id="type" name="meal.type" type="text" class="easyui-combobox"
data-options="value:'请选择',
width:'207',height:'24',
valueField:'code',
textField:'name',
panelHeight:'auto',
url:'./meal/queryMealType.action'"/><span class="redstart"> </span>
</td>
</tr>
<tr class="lh50">
<td class="stdfrm-b1">单 价：</td>
<td><input class="easyui-validatebox stdfrm-b4" type="text" name="meal.unitPrice" data-options="required:true"></input><span class="redstart"> </span></td>
<td class="stdfrm-b3">菜品图片：</td>
<td>
<input type="file" name="file" id="file"/>
<input type="button" value="上传" onclick="upload()"></input>
</td>
</tr>
<tr class="lh50">
<!-- <td class="stdfrm-b1">菜品简介：</td>
<td><input class="easyui-validatebox stdfrm-b2" type="text" name="meal.briefIntro" data-options="required:true"></input><span class="redstart"> </span></td> -->
<td class="stdfrm-b1">图片路径：</td>
<td><input id="picPath" readonly="readonly" class="easyui-validatebox stdfrm-b2" type="text" name="picPath" />
</tr>
<tr>
<td class="stdfrm-b1">菜品图片： </td>
<td>
<img id="imgId" height="120" width="200" src="${path }"/>
</td>
</tr>
<tr class="lh50">
<td class="stdfrm-b1">菜品简介： </td>
<td colspan="3" ><textarea class="easyui-kindeditor" style=" width:98%;height:200px; margin-top:10px;" name="meal.briefIntro"></textarea></td>
</tr>
<tr class="lh50">
<td class="stdfrm-b1">备 注：</td>
<td colspan="3" ><textarea class="easyui-kindeditor" style=" width:98%;height:200px; margin-top:10px;" name="meal.comment"></textarea></td>
</tr>
</table>
</form>
</div>
</body>
</html>
查询页面：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查看</title>
</head>
<body class="easyui-layout" data-options="fit:true">
<script src="<%=request.getContextPath()%>/uiPage/ods/meal/meal.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#mealName").bind('blur', function(){
$(this).validatebox('enableValidation').validatebox('validate');
});
})
</script>
<div class="easyui-layout" style="width: 100%; height: 100%;" data-options="fit:true">
<div id="northLayout" data-options="region:'north',maxHeight:500,border:false" style="height: 50px;">
<table id="layoutCentTab" class="mt10 " style="float: left;">
<tr class="lh30">
<td class="w40 tl pl10">菜品名称：</td>
<td >
<input class="easyui-validatebox stdfrm-b2" type="text" style="width: 150px;" name="meal.mealName" id="mealName" data-options="validType:'minLength[4]',novalidate:true"/>
</td>
<td class="w40 tl pl10">菜品分类：</td>
<td>
<input id="type" name="meal.type" id="type" type="text" class="easyui-combobox"
data-options="mode:'remote',
valueField:'code',
textField:'name',
panelHeight:'auto',
url:'./meal/queryMealType.action',
delay:1000"/>
</td>
</tr>
</table>
<span style="float:left;margin-left:80px;margin-top:12px;"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-fi-search'" style="width:80px" onclick="doQuery();">查询</a></span>
</div>
<div data-options="region:'center'">
<table id="dg_meal"></table>
<div id="toolbar_meal">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-fi-add" plain="true" onclick="doAdd()">新增</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-fi-del" plain="true" onclick="deleteMeal()">刪除</a>
</div>
<div id="dd_meal"></div>
</div>
</div>
</body>
</html>
更新或修改页面：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>更新</title>
</head>
<body>
<script src="<%=request.getContextPath()%>/uiPage/ods/meal/meal.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/ajaxfileupload.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor-all.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor-min.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/lang/zh_CN.js"></script>
<script type="text/javascript">
function upload(){
$.ajaxFileUpload({
url : './meal/upload.action',//用于文件上传的服务器端请求地址
secureuri : false,
fileElementId:'file',//必须和<input type="file" name="file" id="file">中的id属性的值一致，后台才能获取到文件的名称
type:'post',
dataType : 'text', //返回值类型 一般设置为json
success : function(data) {
$('#picPath').val(data);
//alert(data);
//alert(data.substring(data.lastIndexOf("\\")+1));
data1 = data.substring(data.lastIndexOf("\\")+1);
//alert(data.substring(0,data.lastIndexOf("\\")));
data = data.substring(0,data.lastIndexOf("\\"));
//alert(data.substring(data.lastIndexOf("\\")+1));
data2 = data.substring(data.lastIndexOf("\\")+1);
//alert("/"+data2+"/"+data1);
$("img[id='imgId']").attr("src","/"+data2+"/"+data1);
}
})
}
(function ($, K) {
if (!K)
throw "KindEditor未定义!"; function create(target) {
var opts = $.data(target, 'kindeditor').options;
var editor = K.create(target, opts);
$.data(target, 'kindeditor').options.editor = editor;
} $.fn.kindeditor = function (options, param) {
if (typeof options == 'string') {
var method = $.fn.kindeditor.methods[options];
if (method) {
return method(this, param);
}
}
options = options || {};
return this.each(function () {
var state = $.data(this, 'kindeditor');
if (state) {
$.extend(state.options, options);
} else {
state = $.data(this, 'kindeditor', {
options : $.extend({}, $.fn.kindeditor.defaults, $.fn.kindeditor.parseOptions(this), options)
});
}
create(this);
});
} $.fn.kindeditor.parseOptions = function (target) {
return $.extend({}, $.parser.parseOptions(target, []));
}; $.fn.kindeditor.methods = {
editor : function (jq) {
return $.data(jq[0], 'kindeditor').options.editor;
}
}; $.fn.kindeditor.defaults = {
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : false,
items : [
'fontname', 'fontsize', 'code','|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
afterChange:function(){
this.sync();//这个是必须的,如果你要覆盖afterChange事件的话,请记得最好把这句加上.
}
};
$.parser.plugins.push("kindeditor");
})(jQuery, KindEditor);
</script>
<!--begin TabsBox-->
<div data-options="iconCls:'icon-costom',title:'组织机构信息'" style="padding:10px;" >
<form method="post" name="editMealForm" id="editMealForm">
<input type="hidden" name="meal.id" value="${meal.id }"/>
<h1 style="font-weight:bold">基本信息</h1>
<div style="width:650px;height:5px;border-top:1px dashed #cccccc; margin-left:3px"></div>
<table id="layoutCentTab" align="center">
<tr class="lh50">
<td class="stdfrm-b1">菜单名称：</td>
<td><input class="easyui-validatebox stdfrm-b2" type="text" name="meal.mealName" data-options="required:true" value="${meal.mealName}"><span class="redstart"> </span></td>
<td class="stdfrm-b3">菜单分类：</td>
<td>
<input type="text" id="type" class="easyui-combobox" name="meal.type" value="${meal.type}"
data-options="required:true,
width:'207',height:'24',
url:'./meal/queryMealType.action',
valueField:'code',
textField:'name',
panelHeight:'auto',
"><span class="redstart"> </span></input>
</td>
<tr class="lh50">
<td class="stdfrm-b1">单 价：</td>
<td><input class="easyui-validatebox stdfrm-b2" type="text" name="meal.unitPrice" data-options="required:true" value="${meal.unitPrice}"><span class="redstart"> </span></td>
<td class="stdfrm-b3">菜单图片：</td>
<td>
<input type="file" id="file" name="file"/>
<input type="button" value="上传" onclick="upload()"/>
</td>
</tr>
<tr class="lh50">
<%-- <td class="stdfrm-b1">菜单简介：</td>
<td><input class="easyui-validatebox stdfrm-b2" type="text" name="meal.briefIntro" value="${meal.briefIntro}"></input></td> --%>
<td class="stdfrm-b1">图片路径：</td>
<td><input id="picPath" readonly="readonly" class="easyui-validatebox stdfrm-b2" type="text" name="picPath" value="${meal.picPath }"/>
</tr>
<tr>
<td class="stdfrm-b1">菜品图片： </td>
<td>
<img id="imgId" height="120" width="207" src="${path }"/>
</td>
</tr>
<tr class="lh50">
<td class="stdfrm-b1">菜品简介：</td>
<td colspan="3"><textarea class="easyui-kindeditor" style=" width:98%;height:200px; margin-top:10px;" name="meal.briefIntro">${meal.briefIntro}</textarea></td>
</tr>
<tr class="lh50">
<td class="stdfrm-b1">备 注：</td>
<td colspan="3"><textarea class="easyui-kindeditor" style=" width:98%;height:200px; margin-top:10px;" name="meal.comment">${meal.comment}</textarea></td>
</tr>
</table>
</form>
</div>
<!--end TabsBox-->
</body>
</html>
查看页面：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>查看</title>
</head>
<body>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/cascadeEasyUICombox.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/initCascadeEasyUICombox.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor-all.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/kindeditor-min.js"></script>
<script src="<%=request.getContextPath()%>/kindeditor-4.1.10/lang/zh_CN.js"></script>
<script language="javascript">
(function ($, K) {
if (!K)
throw "KindEditor未定义!"; function create(target) {
var opts = $.data(target, 'kindeditor').options;
var editor = K.create(target, opts);
$.data(target, 'kindeditor').options.editor = editor;
} $.fn.kindeditor = function (options, param) {
if (typeof options == 'string') {
var method = $.fn.kindeditor.methods[options];
if (method) {
return method(this, param);
}
}
options = options || {};
return this.each(function () {
var state = $.data(this, 'kindeditor');
if (state) {
$.extend(state.options, options);
} else {
state = $.data(this, 'kindeditor', {
options : $.extend({}, $.fn.kindeditor.defaults, $.fn.kindeditor.parseOptions(this), options)
});
}
create(this);
});
} $.fn.kindeditor.parseOptions = function (target) {
return $.extend({}, $.parser.parseOptions(target, []));
}; $.fn.kindeditor.methods = {
editor : function (jq) {
return $.data(jq[0], 'kindeditor').options.editor;
}
}; $.fn.kindeditor.defaults = {
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : false,
readonlyMode : true,
items : [
'fontname', 'fontsize', 'code','|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
afterChange:function(){
this.sync();//这个是必须的,如果你要覆盖afterChange事件的话,请记得最好把这句加上.
}
};
$.parser.plugins.push("kindeditor");
})(jQuery, KindEditor);
</script>
<!--begin TabsBox-->
<div data-options="iconCls:'icon-costom',title:'组织机构信息'" style="padding:10px;" >
<form method="post" name="editMealForm" id="editMealForm">
<h1 style="font-weight:bold">基本信息</h1>
<div style="width:650px;height:5px;border-top:1px dashed #cccccc; margin-left:3px"></div>
<table id="layoutCentTab" align="center">
<tr class="lh50">
<td class="stdfrm-b1">菜单名称：</td>
<td><input class="easyui-validatebox stdfrm-b2 bgf1" disabled="disabled" type="text" name="meal.mealName" data-options="required:true" value="${meal.mealName}"></input></td>
<td class="stdfrm-b3">菜品分类：</td>
<td><input class="easyui-validatebox stdfrm-b4 bgf1" disabled="disabled" type="text" name="meal.type" data-options="required:true" value="${meal.type}"></input></td>
</tr>
<tr class="lh50">
<td class="stdfrm-b1">单 价：</td>
<td><input class="easyui-validatebox stdfrm-b2 bgf1" disabled="disabled" type="text" name="meal.unitPrice" value="${meal.unitPrice}"></input></td>
<%-- <td class="stdfrm-b3">菜品简介：</td>
<td><input class="easyui-validatebox stdfrm-b4 bgf1" disabled="disabled" type="text" name="meal.briefIntro" data-options="required:true" value="${meal.briefIntro}"></input></td> --%>
</tr>
<tr class="lh50">
<td class="stdfrm-b1">菜品图片：</td>
<td>
<img id="imgId" height="120" width="207" src="${path }"/>
</td>
</tr>
<tr class="lh50">
<td class="stdfrm-b1">菜品简介：</td>
<td colspan="3"><textarea name="meal.briefIntro" class="bgf1 easyui-kindeditor" rows="8" style="width:98%;height:250px;">${meal.briefIntro}</textarea>
</tr>
<tr class="lh50">
<td class="stdfrm-b1">备 注：</td>
<td colspan="3"><textarea name="meal.comment" class="bgf1 easyui-kindeditor" rows="8" style="width:98%;height:250px;">${meal.comment}</textarea>
</tr>
</table>
</form>
</div>
<!--end TabsBox-->
</body>
</html>
js:
$(function(){
//列表显示
$("#dg_meal").datagrid({
toolbar:'#toolbar_meal',
url:'./meal/queryMeal.action',
fit:true,
striped:true,
singleSelect:false,
fitColumns:true,
nowrap:false,
pagination:true,
pageSize:20,
columns:[[
{field:'id',checkbox:true},
{field:'mealName',width:5,title:'菜品名称',align:'left'},
{field:'unitPrice',width:5,title:'单价(元)',align:'left'},
{field:'type',width:5,title:'菜品分类',align:'left'},
{field:'briefIntro',width:20,title:'菜品简介',align:'left'},
{field:'_id_',title:'操作',width:5,align:'center',formatter:function(val,row,index){
return '<div class="opreation"><a href="javascript:$(\'#dg_meal\').treegrid(\'select\',\''+row.id+'\');doView(\''+row.id+'\');"><img src="./img/details.gif" style="vertical-align:middle;"/> 查看</a> <a href="javascript:$(\'#dg_meal\').treegrid(\'select\',\''+row.id+'\');doEdit(\''+row.id+'\');"><img src="./img/edit.gif" style="vertical-align:middle;"/> 修改</a> <a href="javascript:$(\'#dg_meal\').treegrid(\'select\',\''+row.id+'\');doDelete(\''+row.id+'\');"><img src="./img/del.gif" style="vertical-align:middle;"/> 删除</a></div>';
}}
]],
onBeforeLoad:function(){
flushCache();
},
onDblClickRow:function(rowIndex,row){
doView(row.id);
}
});
});
/**
* 分页
*/
var p = $('#dg_meal').datagrid('getPager');
$(p).pagination({
pageSize: 20,//每页显示的记录条数，默认为20
pageList: [10,20,50,100],//可以设置每页记录条数的列表
beforePageText: '第',//页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录 ',
});
/**
* 添加
*/
function doAdd(){
$('#dd_meal').dialog({
title: '新增食谱',
width: 850,
height: 550,
closed: false,
inline: false,
cache: false,
href: '/wcs/meal/toAddMeal.action',
modal: true,
buttons: [{
text:' 保 存 ',
iconCls:'icon-fi-save',
handler:function(){
if($('#addMealForm').validateForm()){
jQuery.ajax({
url : "./meal/addMeal.action?seq="+new Date(),
dataType : "json",
data : $("#addMealForm").serialize(),
cache : false,
type : 'POST', // 设置请求类型为 ‘POST’，默认为 ‘GET’
error : function(XMLHttpRequest, textStatus,
errorThrown) {
$.messager.alert('信息','录入失败，请检查数据！');
},
success : function(data) {
if (data.result == "success") {
$(".panel-tool-close").click();
$.messager.alert('信息','新增成功！');
$('#dg_meal').datagrid('reload');
} else if(data.result == "repeat"){
$.messager.alert('信息','录入重复:'+data.message);
} else {
$.messager.alert('信息','录入失败:'+data.message);
}
}
});
}
}
},
{
text:' 取 消 ',
iconCls:'icon-fi-cancel',
handler:function(){
$(".panel-tool-close").click();
}
}]
})
}
/**
* 查看
*/
function doView(id){
$('#dd_meal').dialog({
title: '查看食谱',
width: 700,
height: 550,
closed: false,
inline: false,
cache: false,
href: '/wcs/meal/toViewMeal.action?id='+id,
modal: true,
buttons: [{
text:' 取 消 ',
iconCls:'icon-fi-cancel',
handler:function(){
$(".panel-tool-close").click();
}
}]
});
}
/**
* 修改
*/
function doEdit(id){
$('#dd_meal').dialog({
title: '修改食谱',
width: 850,
height: 550,
closed: false,
inline: false,
cache: false,
href: '/wcs/meal/toUpdateMeal.action?id='+id,
modal: true,
buttons: [{
text:' 保 存 ',
iconCls:'icon-fi-save',
handler:function(){
jQuery.ajax({
url : "./meal/updateMeal.action?id="+id+"&seq="+new Date()+"&dictType=MEAL_KIND",
dataType : "json",
data : $("#editMealForm").serialize(),
cache : false,
type : 'POST', // 设置请求类型为 ‘POST’，默认为 ‘GET’
error : function(XMLHttpRequest, textStatus,
errorThrown) {
$.messager.alert('信息','更新失败，请检查数据！');
},
success : function(data) {
if (data.result == "success") {
$(".panel-tool-close").click();
$.messager.alert('信息','修改成功！');
$('#dg_meal').datagrid('reload');
} else {
$.messager.alert('信息','更新失败:'+data.message);
}
}
});
}
},
{
text:' 取 消 ',
iconCls:'icon-fi-cancel',
handler:function(){
$(".panel-tool-close").click();
}
}]
})
}
/**
* 删除
*/
function doDelete(id){
var rows = $('#dg_meal').datagrid('getChecked');
var allRows = $('#dg_meal').datagrid('getSelections');
for(var i in allRows){
if(allRows[i].id == id){
rows = new Array();
rows.push(allRows[i]);
}
}
for(var i=0; i<rows.length; i++){
if(id == rows[i].id){
if(rows[i].children != undefined && rows[i].children.length > 0){
$.messager.alert('信息','不能直接删除有子节点的对象。','warning');
return;
}
}
}
if(rows.length == 0){
$.messager.alert('信息','请先选择操作对象。','info');
return;
}
var str_confirm = '即将删除批量数据，删除后将无法恢复，确实要这样做吗？';
if(rows.length <= 1){
str_confirm = '确实要删除吗？</font>';
}
$.messager.confirm('删除确认',str_confirm,function(r) {
if (r) {
jQuery.ajax({
url : "./meal/deleteMeal.action?ids="+id,
dataType : "json",
cache : false,
type : 'POST', // 设置请求类型为 ‘POST’，默认为 ‘GET’
error : function(XMLHttpRequest, textStatus, errorThrown) {
$.messager.alert('信息','删除失败。<br>错误信息：网络异常或表单数据错误。','error');
},
success : function(data) {
if(data.result == "success"){
$.messager.alert('信息','删除成功。','info');
$('#dg_meal').datagrid('reload');
}else{
if(data.message == 'false'){
$.messager.alert('信息','删除失败。错误信息：不能进行删除。','error');
}else{
$.messager.alert('信息','删除失败。错误信息1：'+data.message,'error');
}
}
}
});
}
});
}
function deleteMeal() {
var rows = $('#dg_meal').datagrid('getSelections');
var parm = '';
for(var i=0; i<rows.length; i++){
if(rows[i].children != undefined && rows[i].children.length > 0){
$.messager.alert('信息','不能直接删除有子节点的记录！','warning');
return;
}
var row = rows[i];
if(i == 0){
parm += row.id;
}else{
parm += '&ids='+row.id;
}
}
doDelete(parm);
}
/**
* 查询
*/
function doQuery(){
$('#dg_meal').datagrid('reload',{
'mealName': $('#mealName').val(),
'code': $('#type').combobox('getValue')
});
}
一套完整的前台页面增删改查以及js(easyui)的更多相关文章
- 在ASP.NET MVC4中实现同页面增删改查,无弹出框02,增删改查界面设计
在上一篇"在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建"中,已经搭建好了Repository层,本篇就剩下增删改查的界面了......今 ...
- 权限管理系统之LayUI实现页面增删改查和弹出层交互
由于对LayUI框架不太熟悉,昨天抽空看了下LayUI的文档,今天在网上找了使用LayUI进行增删改查相关内容,自己照葫芦画了个瓢,画瓢部分不是很难,主要是下午遇到了一个弹出层的问题耗时比较久. 同一 ...
- 在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建
通常,在同一个页面上实现增删改查,会通过弹出框实现异步的添加和修改,这很好.但有些时候,是不希望在页面上弹出框的,我们可能会想到Knockoutjs,它能以MVVM模式实现同一个页面上的增删改查,再辅 ...
- MySql简单的增删改查语句 js
最近在项目中需要连接数据库,做增删改查的功能,sql语句整理做了以下记录(基于NodeJs,注:data为你的真实数据): (一)新增插入表中数据: sql: 'insert into work(表名 ...
- 与数据库连接的页面增删改查 的easyui实现（主要是前端实现）
一.首先看一下最终实现的效果,上图 二.思路,主要是分两个文件实现,一个是页面显示文件:代码如下: <html> <head> <title>示例管理</ti ...
- salesforce 零基础开发入门学习（六）简单的数据增删改查页面的构建
VisualForce封装了很多的标签用来进行页面设计,本篇主要讲述简单的页面增删改查.使用的内容和设计到前台页面使用的标签相对简单,如果需要深入了解VF相关知识以及标签, 可以通过以下链接查看或下载 ...
- 【转载】salesforce 零基础开发入门学习（六）简单的数据增删改查页面的构建
salesforce 零基础开发入门学习(六)简单的数据增删改查页面的构建 VisualForce封装了很多的标签用来进行页面设计,本篇主要讲述简单的页面增删改查.使用的内容和设计到前台页面使用的 ...
- JavaWeb系统（增删改查、多条件查询功能）
该系统是一个简单的青年服务管理系统,主要包括了较完整的常用的增删改查以及多条件查询功能,对于初学者有很大帮助. 下面是相关的Java代码.jsp页面.以及数据库的创建和相关表的设计 java代码 首先 ...
- node 实现Token状态登录 及数据库增删改查
1.项目目录结构 2.启动入口文件代码index.js const express = require('express') const bodyParser = require('body-pars ...
随机推荐
- 转 Tesseract-OCR 字符识别---样本训练
转自:http://blog.csdn.net/feihu521a/article/details/8433077 Tesseract是一个开源的OCR(Optical Character Recog ...
- javascript 函数初探 （六）--- 闭包初探#3
相关定义与闭包: 实际上,每个函数都可以被认为是一个闭包.因为每个函数都在其所在域(即该函数的作用域)中维护了某种联系. 但在大多数的时候,该作用于在函数体内被执行完之后就被自行销毁了.---除非发生 ...
- 提交IOS开发效率的几个插件(Xcode神器推荐贴)
Code Pilot 2 Xcode上的Command-T,讓你快速跳轉到某個文件或某個符號 XVim 讓Xcode使用Vim的鍵綁定,Vim党必備 Injection for Xcode 調試利器, ...
- [Android] 环境配置之Android Studio开发NDK
分类:Android环境搭建 (14351) (20) ========================================================作者:qiujuer博客:bl ...
- Android设置TextView行间距（非行高）
Android设置TextView行间距(非行高) Android系统中TextView默认显示中文时会比较紧凑,不是很美观. 为了让每行保持一定的行间距,可以设置属性android:lineSpac ...
- Net调用非托管代码（P/Invoke与C++InterOP） [转]
将 System::String 转换为 wchar_t* 或 char* PtrToStringChars将String转换为本机wchar_t *或char *.由于 CLR 字符串为内部 Uni ...
- 怎样在ubuntu 系统上为 php 加上 redis 扩展
近期一个项目.,想用redis 作为数据库,php是不待redis 扩展,必须安装,怎么安装呢?我在网上找的非常多资料发现都是预编译的.但都没成功.于是就找了第二种方法是不须要编译直接安装就能够了. ...
- 微信小程序制作商 业务流程
- 深入浅出WPF----第五章----控件与布局
你可以把控件想象成一个容器,容器里装的东西就是它的内容.控件的内容可以直接是数据,也可以是控件.当控件的内容还是控件的时候就形成了控件的嵌套.我们把被嵌套的控件称为子级控件,这种控件嵌套在U1布局时尤 ...
- GOOGLE VR SDK开发VR游戏，VR播放器之中的一个
近期一年来,VR虚拟现实和AR增强现实技术的宣传甚嚣尘上.事实上VR,AR技术非常早就有了,一直没有流行开来.不可否认价格是影响技术推广的最大壁垒. 谷歌对VR最大的贡献是提供了便宜的谷歌眼镜,依照G ...