Asp 结合JQuery EasyUI 框架完成的一个增删改查

最新推荐文章于 2020-08-18 16:00:19 发布
最新推荐文章于 2020-08-18 16:00:19 发布
阅读量943 收藏
点赞数
分类专栏： Web前端 
$(document).ready(function(){
 $("#addPayOrder").linkbutton({text:"添加"});
 $("#editPayOrder").linkbutton({text:"修改"});
 $("#delPayOrder").linkbutton({text:"删除"});
 
 
 //绑定右键菜单
 $("#TRData").bind("contextmenu",function(e){
   $("#menu").menu("show",{
    left: e.pageX,
    top: e.pageY
   });
   return false;  
 }); 
 //添加订单
 $("#addPayOrder").click(function(){
  //$("#w").find("input[type='text']").val("");
  //清空所有的文本框值和文本域的值 
  $(":input").each(function(){ 
   if($(this).attr("type")=="text"||$(this).attr("type")=="textarea"){
    $(this).val("");
   }
  })
  var user=$("#HUserID").val();
  if(user!=""){
   $("#txtUserID").val(user); 
  }
  //$("#txtUserID").removeAttr("disabled");
  document.getElementById("hiddenAction").value="Add";
  openWin("添加用户订单");
  $('#w').window("open"); 
  GetProdSubNameById($("#selProdID").val());//获取选择产品的产品子类
 }); 
 //修改订单
 $("#editPayOrder").click(function(){
  //$("#w").find("input[type='text']").val(""); //清空所有的文本框值 
  $(":input").each(function(){ 
   if($(this).attr("type")=="text"||$(this).attr("type")=="textarea"){
    $(this).val("");
   }
  });
  document.getElementById("hiddenAction").value="Edit";
  var selectTR=$("#hiddenValue").val(); //单击或双击一行时给hiddenValue 赋值
  if(selectTR==""){
   msgBox("系统提示","请先选择一行在进行修改操作！","error"); 
  }else{
   openWin("修改订单");
   $('#w').window("open"); 
   GetPayOrderInfoById(selectTR);   
   GetTotalMoney();//计算总费用
   GetProdSubNameById($("#hiddenProdID").val());//获取选择产品的产品子类
  } 
 });
 
 //删除订单
 $("#delPayOrder").click(function(){  
  var selectTR=$("#hiddenValue").val(); 
  if(selectTR==""){
   msgBox("系统提示","请先选择一行在进行修改操作！","error"); 
  }else{
   $.messager.confirm("系统提示","确定要删除该订单吗？",function(r){
    if(r){
     Delete(selectTR); 
    } 
   })
  }
 }); 
 
 //右键菜单删除操作
 $("#menuDel").click(function(){  
  var selectTR=$("#hiddenValue").val(); 
  if(selectTR==""){
   msgBox("系统提示","请先选择一行在进行修改操作！","error"); 
  }else{
   $.messager.confirm("系统提示","确定要删除该订单吗？",function(r){
    if(r){
     Delete(selectTR); 
    } 
   })
  }
 }); 
 
 //右键菜单编辑
 $("#menuEdit").click(function(){
  //$("#w").find("input[type='text']").val(""); //清空所有的文本框值
  $(":input").each(function(){ 
   if($(this).attr("type")=="text"||$(this).attr("type")=="textarea"){
    $(this).val("");
   }
  }) 
  document.getElementById("hiddenAction").value="Edit";
  var selectTR=$("#hiddenValue").val(); 
  if(selectTR==""){
   msgBox("系统提示","请先选择一行在进行修改操作！","error"); 
  }else{
   openWin("修改订单");
   $('#w').window("open"); 
   GetPayOrderInfoById(selectTR);   
   GetTotalMoney();//计算总费用
   GetProdSubNameById($("#hiddenProdID").val());//获取选择产品的产品子类
  } 
 });
 
 //右键菜单添加操作
 $("#menuAdd").click(function(){
  //$("#w").find("input[type='text']").val("");
  //清空所有的文本框值和文本域的值 
  $(":input").each(function(){ 
   if($(this).attr("type")=="text"||$(this).attr("type")=="textarea"){
    $(this).val("");
   }
  });
  var user=$("#HUserID").val();
  if(user!=""){
   $("#txtUserID").val(user); 
  }
  //$("#txtUserID").removeAttr("disabled");
  document.getElementById("hiddenAction").value="Add";
  openWin("添加用户订单");
  $('#w').window("open"); 
  GetProdSubNameById($("#selProdID").val());//获取选择产品的产品子类
 }); 
 
 
 //保存
 $("#btnSubmit").click(function(){  
  var method=$("#hiddenAction").val();
  if(checkForm()){
   Save(method);
  }
 }); 
 
 function checkForm(){
  var PayMoneySoft=$("#txtPayMoneySoft").val();
  var PayMoneyService=$("#txtPayMoneyService").val();
  if($("#txtUserID").val()==""){   
   alert("用户ID不能为空!");   
   return false;
  }else if($("#txtOrderNo").val()==""){
   alert("订单编号不能为空!");
   return false;
  }else if ($("#selProdID").val()=="使用产品"){
   alert("请选择用户产品！");
   return false;
  }else if ($("#selProdSubID").val()=="产品子类"){
   alert("请选择产品子类！");
   return false;
  }else if ($("#txtCCUserID").val()==""){
   alert("呼叫中心ID不能为空!");
   return false;
  }else if(PayMoneySoft=="" && PayMoneyService==""){
   alert("软件费用和服务费用中至少选填一个！");
   return false;
  }else if(PayMoneySoft==0 && PayMoneySoft==0){
   alert("软件费用和服务费用中至少选填一个,且不能填入数字0！");
   return false; 
  }else{
   return true; 
  }
 }
});
function openWin(title){
 $('#w').window({
   title: title,
   width: 700,
   modal: true,
   shadow: true,
   closed: true,
   height: 650,
   resizable:false
  });  
}
function closeWin(){ 
 $("#w").window("close");
 var user=$("#HUserID").val();
 if(user!=""){
  location.href="InfoUser_edit.asp?id="+user;//页面回传时重定向页面，否则无法显示提示信息框
 }
}

//根据ID 获取数据，并显示到页面
function GetPayOrderInfoById(orderId){
 if (orderId!=""){
  $.ajax({
    type: "post", 
    url: "AjaxRequest.asp?method=InfoPayOrder_manager_getPayOrderInfo", 
    data: "OrderId="+orderId, 
    success: function(msg){
    SplitValue(msg);
   },
    error: function(){
    msgBox("系统提示","Ajax请求失败，请联系管理员！","error");
   } 
  });
 }
}
//截取
function SplitValue(strMsg){
 var tempValue=strMsg.split("@@");
 for(var i=0;i<tempValue.length;i++){
  $("#txtOrderNo").val(tempValue[1]);
  $("#txtOrderMoney").val(tempValue[2]);
  $("#txtOrderTime").val(tempValue[3]);
  $("#txtUserID").val(tempValue[4]);
  $("#txtCCUserID").val(tempValue[5]);  
  $("#selProdID").val(tempValue[6]); 
  $("#selProdSubID").val(tempValue[7]);
  $("#selVASID").val(tempValue[8]); 
  $("#selPayMode").val(tempValue[9]);   
  $("#selBankAccount").val(tempValue[10]);
  $("#txtPayMoneySoft").val(tempValue[11]);
  $("#txtPayMoneyService").val(tempValue[12]);
  $("#txtInvoiceNo").val(tempValue[13]);
  //$("#IsPostInvoice").val(tempValue[14]);
  tempValue[14]==0 ? $("#IsPostInvoice").attr("checked",true): $("#NoPostInvoice").attr("checked",true); 
  $("#txtDatePostInvoice").val(tempValue[15]);
  $("#txtContractNo").val(tempValue[16]); 
  //$("#IsPostContract").val(tempValue[17]);
  tempValue[17]==0 ? $("#IsPostContract").attr("checked",true): $("#NoPostContract").attr("checked",true);
  $("#txtDatePostContract").val(tempValue[18]);
  //$("#ContractIsOK").val(tempValue[19]);
  tempValue[19]==0 ? $("#ContractIsOK").attr("checked",true): $("#ContractIsNotOK").attr("checked",true);
  $("#txtContractDateOK").val(tempValue[20]);
  $("#txtRemark").val(tempValue[21]);
  $("#txtSalesman").val(tempValue[22]); 
  $("#txtSalesGroup").val(tempValue[23]); 
  $("#txtRemarkItem").val(tempValue[24]);  
  //$("#IsVerifyECont").val(tempValue[25]);
  tempValue[25]==0 ? $("#IsVerifyECont").attr("checked",true): $("#NoVerifyECont").attr("checked",true);
  $("#txtVerifyEcontTime").val(tempValue[27]);
  $("#txtProdStartTime").val(tempValue[28]);//产品开始时间
  $("#txtProdEndTime").val(tempValue[29]);//产品结束时间
  tempValue[30]==0 ? $("#rdoOrderStatus").attr("checked",true): $("#rdoOrderStatusF").attr("checked",true); //订单状态  
 }
}
//保存数据,添加和修改公用一个方法
function Save(method){
 var OrderNo=$("#txtOrderNo").val();
 var OrderMoney=$("#txtOrderMoney").val(); 
 var OrderTime=$("#txtOrderTime").val();
 var VASID=$("#selVASID").val();
 var ProdID=$("#selProdID").val();
 var ProdSubID=$("#selProdSubID").val();
 var PayMode=$("#selPayMode").val(); 
 var BankAccount=$("#selBankAccount").val();
 var PayMoneySoft=$("#txtPayMoneySoft").val(); 
 var PayMoneyService=$("#txtPayMoneyService").val();
 var InvoiceNo=$("#txtInvoiceNo").val(); 
 var IsPostInvoice=document.getElementById("IsPostInvoice").checked==true ? 0 : 1;//是否邮寄发票
 var ContractNo=$("#txtContractNo").val();
 var IsPostContract=document.getElementById("IsPostContract").checked==true ? 0 : 1;//是否邮寄合同 
 var DatePostInvoice=$("#txtDatePostInvoice").val();
 var DatePostContract=$("#txtDatePostContract").val(); 
 var ContractIsOK=document.getElementById("ContractIsOK").checked==true ? 0 : 1;//合同是否成立
 var ContractDateOK=$("#txtContractDateOK").val();
 var Salesman=$("#txtSalesman").val(); 
 var SalesGroup=$("#txtSalesGroup").val();
 var RemarkItem=$("#txtRemarkItem").val(); 
 var UserID=$("#txtUserID").val();
 var CCUserID=$("#txtCCUserID").val();
 var Remark=$("#txtRemark").val(); 
 var VerifyEcontTime =$("#txtVerifyEcontTime").val();
 var ProdStartTime=$("#txtProdStartTime").val();//产品开始时间
 var ProdEndTime=$("#txtProdEndTime").val();//产品结束时间
 var OrderStatus=document.getElementById("rdoOrderStatus").checked==true ? 0 : 1;//订单状态
 var IsVerifyECont=document.getElementById("IsVerifyECont").checked==true ? 0 : 1;//是否确认电子合同
 
 var selectTR=$("#hiddenValue").val();
 
 var url="AjaxRequest.asp";
 switch(method){
  case "Add":
   url=url+"?method=InfoPayOrder_manager_addPayOrder";
  break;
  case "Edit":
   url=url+"?method=InfoPayOrder_manager_editPayOrder&selectTR="+selectTR;
  break;  
 }
 var data="OrderNo="+escape(OrderNo)+"&OrderMoney="+escape(OrderMoney)+"&OrderTime="+escape(OrderTime)+"&UserID="+escape(UserID)+"&CCUserID="+escape(CCUserID)+"&VASID="+escape(VASID)+"&ProdID="+escape(ProdID)+"&ProdSubID="+escape(ProdSubID)+"&PayMode="+escape(PayMode)+"&BankAccount="+escape(BankAccount)+"&PayMoneySoft="+escape(PayMoneySoft)+"&PayMoneyService="+escape(PayMoneyService)+"&InvoiceNo="+escape(InvoiceNo)+"&IsPostInvoice="+escape(IsPostInvoice)+"&ContractNo="+escape(ContractNo)+"&IsPostContract="+escape(IsPostContract)+"&DatePostInvoice="+escape(DatePostInvoice)+"&DatePostContract="+escape(DatePostContract)+"&ContractIsOK="+escape(ContractIsOK)+"&ContractDateOK="+escape(ContractDateOK)+"&Remark="+escape(Remark)+"&Salesman="+escape(Salesman)+"&SalesGroup="+escape(SalesGroup)+"&RemarkItem="+escape(RemarkItem)+"&IsVerifyECont="+escape(IsVerifyECont)+"&VerifyEcontTime="+escape(VerifyEcontTime)+"&ProdStartTime="+escape(ProdStartTime)+"&ProdEndTime="+escape(ProdEndTime)+"&OrderStatus="+escape(OrderStatus)+"";
 $.ajax({
  type:"post",
  url:url,
  data:data,
  success:function(msg){
   if(msg.indexOf("yes")!=-1){ 
    //msgBox("系统提示","操作成功！","info");
    //location.href="BankAcount_manager.asp";
    var user=$("#HUserID").val();
    $.messager.alert("系统提示","操作成功","info",function(){
      if(user!=""){
       location.href="InfoUser_edit.asp?id="+user;//页面回传时重定向页面，否则无法显示提示信息框
      }else{
       location.href="InfoPayOrder_manager.asp";//页面回传时重定向页面，否则无法显示提示信息框
      }
      
    });    
   }else if(msg.indexOf("IsVerifyEcont")!=-1){
     msgBox("系统提示","该产品存在没有确认的电子订单，请先修改该订单为确认状态，再添加该产品的订单，或者添加其他产品的订单！","info");
   }else
   {
    msgBox("系统提示","保存数据失败,请稍后重试！"+msg,"info");
   }
  },
  error:function(){
   msgBox("系统提示","保存数据失败,请联系管理员！" ,"error");
  },
  beforeSend:function(){ 
   $("#DivMessage").html("<font color='red'>正在提交数据，请稍候。。。。。。</font>"); 
   $("#btnSubmit").attr("disabled",true);   
  },
  complete:function(){
   $("#DivMessage").html("");
   $("#btnSubmit").removeAttr("disabled"); 
  }
 });  
}
//删除订单
function Delete(orderId){
 if (orderId!=""){
  $.ajax({
   <A href=""AjaxRequest.asp?method=InfoPayOrder_manager_DelPayOrderInfo">url:"AjaxRequest.asp?method=InfoPayOrder_manager_DelPayOrderInfo",
   type:"post",
   data:"OrderId="+orderId,
   success:function(msg){ 
    if(msg.indexOf("yes")!=-1){
     //msgBox("系统提示","删除成功！","info");
     //location.href="BankAcount_manager.asp"; 
     $.messager.alert("系统提示","操作成功","info",function(){
      location.href="InfoPayOrder_manager.asp";
     }); 
    }else{
     msgBox("系统提示","删除失败，请稍后重试！"+msg,"info");
    }
   },
   error:function(){
    msgBox("系统提示","Ajax请求失败，请联系管理员！","error");     
   } 
  }); 
 } 
}

//弹出信息窗口 title:标题 msgString:提示信息 msgType:信息类型 [error,info,question,warning]
 function msgBox(title,msg,type){
  $.messager.alert(title,msg,type);  
 }
 
 function GetProdSubNameById(prodId){
  if(prodId!=""&&prodId!="使用产品"){
   $.ajax({ 
    type: "post",
    url: "AjaxRequest.asp?method=GetProdSubNameByProdID",
    data: "prodId="+prodId, 
    success: function(msg){
     SplitProdSubValue(msg);
    }, 
    error: function(){
     msgBox("系统提示","Ajax加载远程数据失败，请联系管理员！","error"); 
    }
      }); 
  }
 }


 
 
 function SplitProdSubValue(strValue){
 strValue=strValue.substring(0,strValue.length-1);
 var tempArr=strValue.split(",");
 document.getElementById("selProdSubID").options.length=0;
  for(var i=0;i<tempArr.length;i++){
   document.getElementById("selProdSubID").options[document.getElementById("selProdSubID").length] = new Option(tempArr[i].split("@@")[1],tempArr[i].split("@@")[0]);  
  }
 }

easyui前端后台ASP的示例程序
07-07
前端easyui,后台采用ASP,主要是改造了INC/json.asp,使得ASP能快速将数据库记录集转换为JSON.本例子不带数据库,仅供参考,主要是学习后端ASP的处理,前端没什么特色.
C# MVC4+EasyUI框架增删改查
03-29
在本项目"C# MVC4+EasyUI框架增删改查"中，我们主要探讨的是如何利用C#的ASP.NET MVC4框架与EasyUI前端库来实现一个基础的Web应用程序，其中包括对数据库的操作（增、删、改、查）。首先，我们要理解MVC模式，它是由...
JQuery-EasyUI DataGrid CRUD
weixin_30654419的博客
12-04 134
ASP.NET使用EasyUI-DataGrid + ashx + JQuery Ajax：实现数据的增删查改，查询和分页！ 数据表： 学生表：学生编号、姓名、性别、班级编号、年龄 班级表：班级编号、班级名称 开发过程： 1.下载EasyUI的开发包 2.引用相关文件： <link href="/CSS/easyui.css" rel="stylesheet" ...
[asp.net] easyui行内编辑实现增删改查
XYZ
07-02 1247
easyui行内编辑功能强大，可以将增删改查操作都放在一个页面上进行，因此大大减少了冗余代码。笔者参考他人做的增删改查的实例效果如下图。具体实现如下：1.前端代码Show.html&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta http-equiv="pragm...
jquery easyui 增删改查、排序
03-29
在这个“jQuery EasyUI 增删改查、排序”的主题中，我们将深入探讨如何利用这个框架实现数据的CRUD（创建、读取、更新、删除）操作以及对数据进行动态排序。 1. **创建（Create）**: 在EasyUI中，可以使用`datagrid...
EasyUi框架，增删改查例子（保证完整）
12-09
这个"EasyUi框架，增删改查例子（保证完整）"是一个完整的示例项目，旨在帮助开发者快速理解和应用EasyUi进行数据管理操作，如添加（Add）、删除（Delete）、修改（Update）和查询（Query）。 首先，让我们详细了解...
MVC+EasyUI增删改查
07-24
在" MVC+EasyUI 增删改查"的应用中，我们通常会遇到以下几个核心知识点： 1. **MVC 模式**：Model 负责处理业务逻辑和数据管理，View 负责展示数据，Controller 处理用户请求并协调 Model 和 View 的交互。在实际...
mvc easyui 项目 demo 增删改查
04-08
标题“mvc easyui 项目 demo 增删改查”表明这是一个基于MVC（Model-View-Controller）框架和EasyUI库的Web应用示例，主要功能集中在基本的数据操作：增加、删除、修改和查询。这个项目可能是为了帮助初学者理解如何...
【ASP.NET MVC系列】浅谈jqGrid 在ASP.NET MVC中增删改查
weixin_30871701的博客
10-02 319
ASP.NET MVC系列文章 【01】浅谈Google Chrome浏览器（理论篇） 【02】浅谈Google Chrome浏览器（操作篇）（上） 【03】浅谈Google Chrome浏览器（操作篇）（下） 【04】浅谈ASP.NET框架 【05】浅谈ASP.NET MVC运行过程 【06】浅谈ASP.NET MVC 控制器 【07】浅谈ASP.NET M...
NHibernte+ASP.NET MVC+JQuery实现增删改查
weixin_34150503的博客
04-20 120
前言：本人自学NHibernate+asp.net mvc+JQuery实现了一个简单的用户的增删改查的功能，现在做一个小的整理，希望和我一样正在自学这几个技术的人能够共同参考，共同进步，下面我将分为好几步做为项目的讲解。也是为了我能够更加的熟悉项目的编写。 1.     第一步：建立数据库 (1) 打开数据库SQL Server 2005，新建一个数据库NHibernate，然后再此数据库中...
Asp.net WebApi 项目示例（增删改查）
韬光养晦
08-18 2074
Asp.net WebApi 项目示例（增删改查） 1.WebApi是什么 ASP.NET Web API 是一种框架，用于轻松构建可以由多种客户端（包括浏览器和移动设备）访问的 HTTP 服务。ASP.NET Web API 是一种用于在 .NET Framework 上构建 RESTful 应用程序的理想平台。 可以把WebApi看成Asp.Net项目类型中的一种，其他项目类型诸如我们熟知的WebForm项目，Windows窗体项目，控制台应用程序等。 WebApi类型项目的最大优势就是，开发
后台管理jquery框架https://www.layui.com/
FEIYAN55555的专栏
08-23 6967
https://www.layui.com/
MVC+jQuery.Ajax异步实现增删改查和分页的实例
年华
08-15 4112
本文实例为大家分享了MVC+jQuery.Ajax异步实现增删改查和分页的具体代码，供大家参考，具体内容如下 1、Model层代码 using System; using System.Data; using System.Configuration; using System.Linq; using System.Web; using System.Web.Security; using
Jquery EasyUI 基本操作教程：增删改查实战
Jquery EasyUI是一个基于jQuery的前端框架，它提供了一系列的UI组件，帮助开发者快速构建用户界面。在本文中，我们看到如何利用EasyUI实现数据操作的基础功能： 1. **列表展示**：使用`<table>`元素配合`easyui-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值