`
jqjbpxs
  • 浏览: 6185 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

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

$(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框架,增删改查例子(保证完整)

    这个"EasyUi框架,增删改查例子(保证完整)"是一个完整的示例项目,旨在帮助开发者快速理解和应用EasyUi进行数据管理操作,如添加(Add)、删除(Delete)、修改(Update)和查询(Query)。 首先,让我们详细了解...

    C# MVC4+EasyUI框架增删改查

    在本项目"C# MVC4+EasyUI框架增删改查"中,我们主要探讨的是如何利用C#的ASP.NET MVC4框架与EasyUI前端库来实现一个基础的Web应用程序,其中包括对数据库的操作(增、删、改、查)。首先,我们要理解MVC模式,它是由...

    jquery easyui 增删改查、排序

    在这个“jQuery EasyUI 增删改查、排序”的主题中,我们将深入探讨如何利用这个框架实现数据的CRUD(创建、读取、更新、删除)操作以及对数据进行动态排序。 1. **创建(Create)**: 在EasyUI中,可以使用`datagrid...

    MVC+EasyUI增删改查

    在" MVC+EasyUI 增删改查"的应用中,我们通常会遇到以下几个核心知识点: 1. **MVC 模式**:Model 负责处理业务逻辑和数据管理,View 负责展示数据,Controller 处理用户请求并协调 Model 和 View 的交互。在实际...

    JQuery-EasyUI+Asp.net Demo code

    2. **异步处理**:ASP.NET的ASHX(HttpHandler)接口可用于处理异步请求,如后台数据的增删改查操作。EasyUI的ajax方法可以方便地调用这些接口,实现前后端数据的无刷新交换。 3. **表单验证**:EasyUI提供了内置的...

    Jquery easyUI 离线包

    - **表格(datagrid)**:可以展示大量数据,支持排序、筛选、分页等功能,同时可以通过行操作实现增删改查。 - **表单(form)**:提供验证、提交等功能,可以方便地与后台服务交互。 - **对话框(dialog)**:...

    mvc easyui 项目 demo 增删改查

    标题“mvc easyui 项目 demo 增删改查”表明这是一个基于MVC(Model-View-Controller)框架和EasyUI库的Web应用示例,主要功能集中在基本的数据操作:增加、删除、修改和查询。这个项目可能是为了帮助初学者理解如何...

    mvcEasyUI实现增删改查

    “mvcEasyUI实现增删改查”这个标题表明了本文将要讨论的是如何使用MVC(Model-View-Controller)框架结合EasyUI进行数据操作的基本功能实现,包括添加(Add)、删除(Delete)、修改(Update)和查询(Query)。...

    NETMVC+Dapper+EasyUI实现增删改查和分页

    在.NET开发环境中,使用ASP.NET MVC框架结合Dapper轻量级ORM工具以及EasyUI前端框架,可以高效地构建出具备增、删、改、查(CRUD)功能和分页显示的Web应用。以下是关于这些技术及其整合使用的详细知识点: 1. ASP...

    Jquery easyui1.2 官方离线文档

    通过绑定数据源,可以轻松实现数据的增删改查。 3. 菜单(Menu) 菜单组件允许开发者创建多级下拉菜单,方便用户进行导航操作。它可以与按钮、链接等元素结合,提供丰富的交互体验。 4. 表单(Form) 表单组件...

    jquery-easyui-1.2 版本

    例如,开发者可以通过简单的配置实现数据的增删改查,同时可以定制化列宽、行样式等,提升用户体验。 3. **Tree组件** Tree 组件是用于展示层次结构数据的工具,常用于组织结构、目录结构等场景。在 jQuery EasyUI...

    EasyUI增查改删操作示例

    EasyUI 是一个基于 jQuery 的轻量级前端框架,主要用于构建美观、易用的 Web 用户界面。这个"EasyUI增查改删操作示例"提供了一套完整的实践教程,旨在帮助初学者快速掌握如何使用 EasyUI 实现数据管理中的基本功能:...

    基于ASP.NET MVC4+JQuery easyui的企业管理系统开发案例源码

    数据访问层则负责与数据库的交互,实现数据的增删改查。 在ASP.NET MVC4中,路由配置是关键部分,它定义了URL如何映射到控制器和操作。开发者可以自定义路由规则,以实现灵活的URL结构。此外,MVC4中的模型绑定功能...

    超级漂亮的EasyUI框架皮肤源码

    2. 表单(form):用于收集用户输入,可以与数据网格配合使用,实现增删改查功能。 3. 对话框(dialog):弹出式的窗口,常用于显示详细信息或进行用户交互。 4. 树形视图(tree):展示层级结构的数据,支持展开、...

    jquery easyui + .net 案例

    1. 数据展示:使用datagrid展示.NET数据库中的数据,支持增删改查操作。 2. 用户管理:利用dialog展示用户注册和登录表单,通过.NET进行用户验证。 3. 功能模块:如设置combobox来选择不同的业务模块,触发不同的...

    MVC5+EF6+EasyiUI1.4.5基础框架(增删改查示例)

    在本文中,我们将深入探讨如何使用MVC5、Entity Framework 6 (EF6) 和 EasyUI 1.4.5 构建一个基础的Web应用程序框架,并实现用户数据的增删改查操作。这个框架是为初学者设计的,旨在帮助他们快速掌握这些技术的应用...

    jquery_easyui离线网页教程_2019最新.zip

    EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、菜单、树形结构等,帮助开发者快速构建用户界面。2019年的jQuery_EasyUI离线网页教程是一个非常实用的资源,尤其适用于那些在...

    asp.net-mvc[框架EasyUI快速开发框架通用权限管理]

    - 编写服务层和业务逻辑,处理用户角色的增删改查和权限分配操作。 - 集成测试,确保所有功能正常运行且符合安全标准。 通过以上步骤,开发者能够构建一个高效、易用且具有通用权限管理功能的后台管理系统。这样的...

    asp.net EasyUI权限管理系统

    例如,用户管理、角色管理和模块管理的增删改查操作都在这一层实现。 - **数据访问层(DAL层)**:处理数据库操作,如SQL查询、事务处理等。在ASP.NET中,通常使用ADO.NET或Entity Framework进行数据访问。 2. **...

    EasyUI管理信息系统

    在这个系统中,datagrid组件被用于展示和操作数据,实现了数据的增删改查功能。Datagrid能够动态加载数据,支持排序、过滤和分页,使得用户可以方便地浏览和管理大量信息。 在数据绑定方面,jQuery EasyUI的...

Global site tag (gtag.js) - Google Analytics