editGrid特定行列数据验证更新

最新推荐文章于 2018-04-18 11:54:00 发布
最新推荐文章于 2018-04-18 11:54:00 发布
阅读量1.1k 收藏
点赞数
分类专栏： JavaScript 文章标签： extjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luo_deng/article/details/12012417
版权 
<%@ page language="java" pageEncoding="UTF-8"%>
<%
String dir=request.getParameter("dir");//指标区间方向   1为正向，-1为负向，0为其它
 if(dir==null||dir.equals("")) dir="1";//测试用
String relparentids=request.getParameter("objid");//主表对象编号
String jfk=request.getParameter("bscsbh");//计分卡
String zbid=request.getParameter("measuresbh");//指标编号
String currnodeid=request.getParameter("currnodeid");//当前节点
String nodeid=request.getParameter("nodeid");//节点字符串
String src=request.getParameter("src");//是否查看

boolean isNode = false;//当前节点能否编辑
boolean isView = false;//查看
if(nodeid.indexOf(currnodeid)!=-1){
	isNode = true;
}
if(currnodeid.equals("-1") || nodeid.equals("-1")){
	isNode = false;
}
if(src.equals("view")){
	isView = true;
}

String qj="",qjid="", valueA="", valueB="", valueC="", valueA2="", valueB2="";//期间名称、期间编号、原A值、原B值、实际值、更新A值、更新B值
/*
//该计分卡当前期间
int jfkQj = 0;
String sql = "select bsc_qj from obj_bsc_development where singletextbox1="+jfk;
rs.executeSql(sql);
if(rs.next()){
	jfkQj = rs.getInt("bsc_qj");
}
*/
int jfkQj=201302;

String tempQj = "";
tempQj = String.valueOf(jfkQj);
if(tempQj.trim().substring(4,6).equals("00")){
	tempQj = tempQj.trim().substring(0,4) + "05";
}

%>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>    
    <title>指标更新明细</title>
	<script type="text/javascript" src="../js/jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="../js/extjs/resources/css/ext-all.css"/>
	<script type="text/javascript" src="../js/extjs/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="../js/extjs/ext-all.js"></script>	
  </head>

<script type="text/javascript">
function updateA2(qj,A,B,C,vA2,B2){
	
		if(!B2){
			B2 = -1;
		}
		if( vA2==null){
			vA2 = 0;
			return;
		}else{
			
			$.get('/BSC/ajax/measureModifyDetailUpdate.jsp?utype=a2&relparentids='+<%=relparentids%>+'&qj='+qj+'&a='+A+'&b='+B+'&c='+C+'&a2='+encodeURI(vA2)+'&b2='+encodeURI(B2)+'&jfk='+<%=jfk%>+'&zb='+<%=zbid%>
			,{Action:"get"},function (data, textStatus){});
		}
	}
	
	function updateB2(qj,A,B,C,A2,vB2){		
		if(!A2){
			A2 = "-1";
		}
		if( vB2==null){
			vB2 = 0;
			return;
		}else{
			$.get('/BSC/ajax/measureModifyDetailUpdate.jsp?utype=b2&relparentids='+<%=relparentids%>+'&qj='+qj+'&a='+A+'&b='+B+'&c='+C+'&a2='+encodeURI(A2)+'&b2='+encodeURI(vB2)+'&jfk='+<%=jfk%>+'&zb='+<%=zbid%>
			,{Action:"get"},function (data, textStatus){});
		}
	}
Ext.onReady(function () {
    //数据源定义	
var store = new Ext.data.Store({
	proxy : new Ext.data.HttpProxy({url : 'date.jsp'}),
	autoLoad: true,
	baseParams : {'bscsbh':'<%=jfk%>','measuresbh':'<%=zbid%>'},  
	reader : new Ext.data.JsonReader({							
		totalProperty : 'totalProperty',//总页数
		root : 'root'//数据 
		},[{name:'qj'},{name:'qjid'},{name:'valueA'},{name:'valueB'},{name:'valueC'},{name:'valueA2'},{name:'valueB2'},{name:'jfk'},{name:'zb'}]
	)
});
    var cm = new Ext.grid.ColumnModel([
        {
            header: "期间",
            dataIndex: "qj",
			align:"center",
			menuDisabled : true,
            width: 95
        },
        {
            header: "qjid",
            dataIndex: "qjid",
            hidden:true
        },
        {
            header: "原A值",
            dataIndex: "valueA",
			menuDisabled : true,
			align:"center",
            width: 125
        },
        {
            header: "原B值",
            dataIndex: "valueB",
			menuDisabled : true,
			align:"center",
            width: 125
           
        },
        {
            header: "实际值",
            dataIndex: "valueC",
			align:"center",
			menuDisabled : true,
			width:115
        },
        {
            header: "更新A值",
            dataIndex: "valueA2",
			align:"center",
			menuDisabled : true,
            width: 110, 
			<%if(dir.equals("1")||dir.equals("-1")){%>           
				  editor: new Ext.grid.GridEditor(new Ext.form.NumberField())
			  <%}else{%>
				 editor: new Ext.grid.GridEditor(new Ext.form.TextField())
				<%}%>          
		
        },
        {
            header: "更新B值",
            dataIndex: "valueB2",
			align:"center",
			menuDisabled : true,
            width: 110,
			<%if(dir.equals("1")||dir.equals("-1")){%>           
				  editor: new Ext.grid.GridEditor(new Ext.form.NumberField())
			  <%}else{%>
				 editor: new Ext.grid.GridEditor(new Ext.form.TextField())
				<%}%>

        }
    ]);
    //定义EditGridPanel
    var grid = new Ext.grid.EditorGridPanel({
        store: store,
        cm: cm,
		stripeRows:true,
		border:true,
        width: 680,				
        autoHeight: true,
        renderTo:Ext.getBody(),
        autoEncode: true, //提交时是否自动编码
        clicksToEdit: 1,
		listeners:{  
           beforeedit: function(e){
              var currRecord = e.record; 
                e.cancel = true; 			 
			  if(<%=!isView%>&&<%=isNode%>&&(currRecord.get("qjid") > <%=tempQj%>||currRecord.get("qjid").substring(4,6)=="05")) 
				 e.cancel=false;
               },
		  afteredit: function(e){  
                aRow = e.grid.getView().getCell(e.row,5);
				aRow2=e.grid.getView().getCell(e.row,6);
				aRow.style.background="#99FFFF";
				aRow.style.border="1px solid #cccccc";
				aRow2.style.background="#99FFFF";
				aRow2.style.border="1px solid #cccccc";
			   }
		     },
		tbar: [ {
                text: "保存",				
                cls: "x-btn-text-icon",
                handler: function () {
                    var store = grid.getStore();
                    //得到修改过的Recored的集合
                    var modified = store.modified.slice(0);
                    //将数据放到另一个数组中
                    var jsonArray = [];
                    Ext.each(modified, function (m) {
                       // alert(m.data.valueB2);
                        //m.data 中保存的是当前Recored的所有字段的值(json)，不包含结构信息
                        jsonArray.push(m.data);
                    });
                    var r = checkBlank(modified);
                    if (!r) {
                        return;
                    } else {
						 Ext.each(modified, function (m) {                       
                            updateA2(m.data.qjid,m.data.valueA,m.data.valueB,m.data.valueC,m.data.valueA2,m.data.valueB2);
					        updateB2(m.data.qjid,m.data.valueA,m.data.valueB,m.data.valueC,m.data.valueA2,m.data.valueB2);
							Ext.Msg.alert("成功","更新数据成功");
                    });
						
                    }
                }
            }]
        }); 	
	 //验证输入的数据是否有效
    var checkBlank = function (modified /*所有编辑过的和新增的Record*/ ) {
        var result = true;
		var dir=<%=dir%>;
        Ext.each(modified, function (record) {         
                //根据名称获取对应的值
                var a2 = record.data.valueA2;
				var b2 = record.data.valueB2;
				var qj=record.data.qj;
				if(dir=="1"&&a2<b2)				
                  {
                    Ext.MessageBox.alert("验证", '指标区间方向为正向时,期间"'+qj+'"更新A值必须大于或等于更新B值');
                    result = false;
                    return;
                }
				if(dir=="-1"&&a2>b2)				
                  {
                    Ext.MessageBox.alert("验证", '指标区间方向为负向时,期间"'+qj+'"更新A值必须小于或等于更新B值');
                    result = false;
                    return;
                }
           
        });
        return result;
    }
	store.on("load",function(){		
         for(i = 0; i < grid.getStore().getCount(); i ++){
           for(j = 5; j < grid.getColumnModel().getColumnCount(); j ++){               
			   var Record=grid.getStore().getAt(i); 
			   if(<%=!isView%>&&<%=isNode%>&&(Record.get("qjid") > <%=tempQj%>||Record.get("qjid").substring(4,6)=="05")){
				aRow = grid.getView().getCell(i,j);
				aRow.style.background="#99FFFF";
				aRow.style.border="1px solid #cccccc";
				}  
		    }
		 }
	});
});

</script>
后台json数据： 
 {'root':[{'qj':'201301','qjid':'201301','valueA':'98.59','valueB':'98.09','valueC':'98.12','valueA2':'','valueB2':'','jfk':'1043','zb':'10541'},{'qj':'201302','qjid':'201302','valueA':'98.59','valueB':'98.09','valueC':'99.41','valueA2':'','valueB2':'','jfk':'1043','zb':'10541'},{'qj':'201303','qjid':'201303','valueA':'98.59','valueB':'98.09','valueC':'','valueA2':'5254245','valueB2':'366','jfk':'1043','zb':'10541'},{'qj':'201304','qjid':'201304','valueA':'98.59','valueB':'98.09','valueC':'','valueA2':'2124','valueB2':'333','jfk':'1043','zb':'10541'},{'qj':'2013年','qjid':'201305','valueA':'98.59','valueB':'98.09','valueC':'','valueA2':'','valueB2':'','jfk':'1043','zb':'10541'}]} 
访问参数为?src=add&objid=520002203&bscsbh=1043&measuresbh=10541&currnodeid=5005&nodeid=5005,5006,5008
Roden
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Extjs学习总结之EditGridPanel可编辑表格
yuanke
05-14 876
Ext.onReady(function(){ /* * EditorGridPanel的工作过程 * 1、用户点击单元格 * 2、单元格按照预设的组件显示单元格的内容并处于编辑状态 * 3、离开单元格的编辑状态 * 4、更新编辑后的内容，出现三角号表示已经被修改过 * 5、程序内部变化：将记录设置为脏读数据状态，并将修改后的记录存放在Record类型的数组modified中。 ...
EditGrid(可以编辑的网格控件)
03-16
基于MSHFlexGrid扩展而成 提供可以编辑的网格控件 全面兼容MSHFlexGrid的属性和方法 适用于数据库开发中的单据子表输入 也可做为属性列表框使用 同时还提供了内部使用的3个自定义控件: 数字输入控件 带多列下拉列表框的文本控件(可做参照输入) 下拉日期控件(可以代码呼出下拉日期) 请从主页 http://progame.vip.myrice.com/ 下载此控件的最新版本!!!!! 示例图请见：http://progame.vip.myrice.com/editgrid/ 已帮助手册 打包发布的时候记得带上MSHFlexGrid控件才能在客户端正常使用
推荐在线电子表格-EditGrid
06-21 132
Editgrid:这一家是中国香港制造的web2.0试算表，目前已提供了中文介面。我试用了一下感觉很不错，不比Google Spreadsheets逊色，推荐大家使用。Editgrid的主要功能如下：即时更新 (RTU)是使EditGrid和其他桌面及网路试算工具与別不同的重要功能。在同类型工具中，只有EditGrid，Google Spreadsheets和Numbler拥有此功能。...
editgrid表格，编辑状态，取消编辑，键盘事件
zhang_kang_user的博客
09-20 3149
editgrid表格，编辑状态，取消编辑，键盘enter事件 使用的是easyui框架中的editgrid表格 editgrid： $(function() { $("#QSFJKL_LYid2").editgrid('keyBoardInit');//键盘属性起作用 }); //页面上html中只写 //<table width="100%" id="jtcfymxDg"></tab
Ext js 应用系列一：EditGrid
Jimmy Socrates 的专栏
01-06 4733
最近在notes应用中使用Ext js，对于一些被用到的实例，记录下来，以备查阅。我用的Ext  版本比较老，是1.0.1的，艾，现在都2.0了没想到，升级那么快，有机会咱也与时俱进一把。在notes中应用Ext js，我的做法是，将js lib文件，样式文件和图片资源文件，引入到share resource 的file resource下。然后在相应的表单，页面等设计元素中引用。Ext js中的
EditorGridPanel组件取消某一行的编辑状态
davidxj的专栏
03-11 2638
var dataClearGrid = new Ext.grid.EditorGridPanel({ id: "dataClearGrid" //,title: "数据清理规则" ,cm: cm ,sm: sm ,clicksToEdit: 1 ,store: store ,autoWidth: true ,autoHeight: true ,
VB6网格控件EditGrid，支持数据编辑.rar
07-10
一款支持数据编辑的Vb网格控件，界面英文，不过可修改成中文，还支持在VC 中调用。MODULE_REMARKS 基于MSHFlexGrid开发提供MIS系统中的单据子表输入操作，也可以做为属性列表框进行数据编辑MODULE_SUMMARY 可以编辑...
extjs editgrid示例代码
06-06
// 在这里处理数据更新逻辑，例如保存到服务器 }); ``` 5. **数据操作**：除了基本的显示和编辑，EditGrid还可以实现排序、筛选、分页等功能。通过设置`gridview`的`plugins`属性，可以启用行拖动、行选择等扩展...
Ext->editgrid+combobox
07-11
Ext中的Combobox下来框在EditGrid中的应用。Combobox显示值问题得以解决。
extjs editgrid combobox 回显
07-19
当这两种组件结合在一起时，可以实现用户在下拉列表中选择数据后，该数据能够在网格中实时更新显示的功能，即所谓的“回显”。 #### 2. **实现回显的关键点** 实现`EditGrid`中`ComboBox`的值回显至网格的关键在于...
extjs editgrid 回显问题.rar
07-19
6. **远程验证**：如果应用了远程验证，确保在验证成功后更新了本地数据。远程验证可能会延迟回显，直到服务器返回验证结果。 7. **行选择与焦点**：在编辑过程中，确保当前行保持选中状态，否则EditGrid可能无法...
ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid)
随风的专栏
01-17 1113
上一篇文章，在Grid中加入了多选/全选功能（链接地址是：http://www.mhzg.net/a/20115/20115311100255.html），实际运用中，我们可能需要动态修改Grid中的数据，也就是要实现EditGrid功能。本文介绍如何实现Extjs4 EditGrid功能。先发几张效果图。看图说话，更有说服力哦。   HTML代码：
EditGrid可编辑表格的示例（json发送到后台）
旋转木马的IT小窝
04-01 3317
<br />参考网站： http://www.blogjava.net/algz/articles/213006.html<br /> <br />前台代码：<br /><!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"> <he
Ext Js 验证EditGrid中的数据
泥水匠
12-06 2212
<br />EditGrid 里只能进行非空验证，用allowBlank来进行设定，而我们后insert进的空行，却验证不了，而将空的数据提交到后台明显是不可取的，而EditGrid 没有实现这个功能，需要我们手动在提交前进行判断，实现代码如下：<br />        var modrows=store.modified.slice(0);<br />        for(var i=0;i<m.length;i++){<br />            var record=modrow
easyUI-textbox回车获取不到正确的textbox值问题
diechongming1599的博客
04-18 621
//要先给文本框手动赋值之后才可以获取正确的文本框内容 var t = $('#tt'); t.textbox('textbox').bind('keydown', function(e){ if (e.keyCode == 13){ // when press ENTER key, accept the inputed value. t.tex...
关于HTML 代码注入，XSS攻击问题解决
热门推荐
帅大叔的博客
10-19 3万+
大部分的网站一般都有评论功能或留言功能，或类似可以让用户写东西的地方。如果后台不经过处理，又把数据返回前端，这就会出问题了。网页解析器会把用户的信息也当成html代码给解析了。如果用户写的是一些恶意的 js 脚本这是很危险的。专业术语叫：XSS 攻击一、举个例子：假设后台和前台都没有对用户的信息，进行处理。我们输入如下的代码：<script> var body= document.body;
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值