`

Renderer解析和使用正则

阅读更多

Renderer解析和使用正则

 

一.Renderer解析:

 

1.理解:

      renderer可以格式化该列显示的数据格式或者按照你自定义的脚本显示最终数据样子

 

2.方法参数说明:

renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){
     。。。。。。。
     。。。。。
     。。。
}

(1).value:是当前单元格的
(2).cellmeta:保存的是cellId单元格id和css,id是列号,css是这个单元格的css样式。
(3).record:是这行的所有数据,你想要什么,record.data["id"]这样就获得了。
(4).rowIndex行号,不是从头往下数的意思,而是计算了分页以后的结果。
(5).columnIndex列号
(6).store:这个是构造表格时候传递的ds,也就是说表格里所有的数据,你都可以随便调用。

 

参考:http://www.cnblogs.com/ljian/archive/2011/10/27/2226959.html

 

 

二.Renderer中使用正则:

 

1.创建Record(如有日期,要进行格式化!)

var myRecord = new Ext.data.Record.create([
	{name:"id",type:"int"},
	{name:"salary",type:"float"},
	{name:"createDate",type:"date",dateFormat:"Y-m-d"},//日期格式化
]);

 

2.创建Store:

var myProxy = new Ext.data.HttpProxy({url:"......"});

var myReader = new Ext.data.JsonReader({
	root:'rows',
	totalProperty:'totalCount'     //若有分页则必须有该项
},myRecord);   //注意此处有Record

var myStore = new Ext.data.Store({  
    proxy:myProxy,
    reader:myReader
});

 

3.创建ColumnModel:

var mySm = new Ext.grid.CheckboxSelectionModel();   //表格中的复选框
var myCm = new Ext.grid.ColumnModel({
	defaultSortable:false,
	columns:[
		mySm,
		{
			header:"编号",
			dataIndex:"id",
			hidden:true,
			width:50
		},{
			header:"薪水",
			dataIndex:"salary",
			menuDisabled:true,         //不在隐藏列显示
			width:50,
			renderer:function(value,cell,record){
				return regMoney(value,cell,record);   //金钱的千分位正则
			}
		},{
			header:"日期",
			dataIndex:"salary",
			menuDisabled:true,
			align: 'left',       //左对齐
			css:"color:black;font-size:12px;",
			width:50,
			renderer:function(value,cell,record){
				if(v==null||v==""){
					return "";
				}else{
					return regDate(value,cell,record);   //日期正则
				}
			}
		}
	]
});

 

4.创建GridPanel:

var myGrid = new Ext.grid.EditorGridPanel({
	layout:"fit",
	sm:mySm,
	cm:myCm,
	ds:myStore,
	clicksToEdit:1,
	stripeRows:true,
	loadMask:{msg:'正在加载数据,请稍侯……'},
	tbar:[
		{
			text:"保存",
			iconCls:"save",
			handler:save
		},{
			text:"增加行",
			iconCls:"add",
			handler:add
		},{
			text:"删除行",
			iconCls:"remove",
			handler:remove
		},"-",{
			xtype:"label",
			text:"金额单位:(元)",
			style:'padding-left:10px;color:red;'
		}
	],
	bbar: new Ext.PagingToolbar({
        pageSize: 10,
        store: myStore,
        displayInfo: true,
        displayMsg: '当前显示 {0} - {1} ,共{2}条记录',
        emptyMsg: "没有数据",
        items: ['-']
    })
});

 

5.正则的方法:

/*金额千分位*/
function regMoney(v, p, r) {
	v = (Math.round((v - 0) * 1000000)) / 1000000;
	v = (v == Math.floor(v)) ? v + ".00" : ((v * 10 == Math.floor(v * 10)) ? v
			+ "0" : v);
	v = String(v);
	var ps = v.split('.');
	var whole = ps[0];
	var sub = ps[1] ? '.' + ps[1] : '.00';
	var r = /(\d+)(\d{3})/;
	while (r.test(whole)) {
		whole = whole.replace(r, '$1' + ',' + '$2');
	}
	v = whole + sub;
	//p.attr = 'title=' + v;// 增加属性
	if (v.charAt(0) == '-') {
		return '-' + v.substr(1);
	}
	return v;
}

/*日期格式化*/
function regDate(v, p, r) {
	if(v==""){
		return "";
	}
	var date = new Date(v);
	return date.format('Y-m-d');                   
}

 

图示:

  
 

 

 

  • 大小: 4.9 KB
分享到:
评论

相关推荐

    Unity读取PDF插件PDFRenderer

    PDFRenderer插件是一个专门针对Unity开发的工具,它允许开发者在Unity环境中直接处理和显示PDF文件。这个插件的核心功能是提供了一种高效且易于使用的API,使开发人员能够快速地将PDF文档集成到他们的项目中,无论是...

    pdfbox和pdfrenderer所需包

    在IT行业中,处理PDF文件的任务时常涉及转换、渲染和解析等操作。在这个压缩包中,包含了两个主要的Java库,用于将PDF文件转换为图像:PDFBox和PDFRenderer。 **PDFBox** 是Apache软件基金会的一个开源项目,它提供...

    Unity之LineRenderer使用教程.rar

    在这个“Unity之LineRenderer使用教程”中,我们将深入探讨Unity中的LineRenderer组件,这是一个非常有用的工具,常用于创建线、路径、光束效果或者在游戏场景中绘制连接物体的线条。 LineRenderer组件是Unity内置...

    pdf-renderer.jar

    《pdf-renderer.jar在Java环境下的应用与解析》 PDF渲染器是用于处理PDF文档的重要工具,而`pdf-renderer.jar`就是一个实现了PDF渲染功能的Java库。它允许开发者在Java应用程序中集成PDF查看和处理的功能,使得在不...

    Unity PDF Renderer v5.15

    在使用Unity PDF Renderer v5.15时,开发者需要注意以下几点: - 确保Unity版本与插件兼容,避免因版本差异导致的问题。 - 在处理大量或大尺寸PDF时,需考虑性能和内存管理,避免出现卡顿或内存溢出。 - 考虑到版权...

    pdf_renderer-1.0.5.jar

    PDF Renderer 1.0.5 是一个专门用于解析PDF文档的Java库,它提供了一种在Java应用程序中处理和显示PDF内容的方式。这个名为“pdf_renderer-1.0.5.jar”的文件是一个JAR(Java Archive)包,它是Java平台上的可执行...

    Unity使用LineRenderer实现多组数据可视化

    本教程将详细介绍如何使用Unity的LineRenderer结合C#脚本来实现多组数据的可视化。 首先,LineRenderer组件是Unity内置的一个图形渲染组件,它可以绘制出由一系列点连接而成的线。在使用LineRenderer之前,你需要在...

    pdfRenderer-0.9.0.jar稳定版

    8. **使用示例**:在使用此库时,开发者通常需要导入PDFRenderer库,创建PDF渲染器对象,指定输入PDF和输出图像路径,然后调用相应的转换方法。 虽然提供的压缩包中有一个名为"空的文件夹11",但它与主要功能无关,...

    Line Renderer) 组件绘制直线,曲线,圆弧

    可以使用线渲染器 (Line Renderer) 来绘制从简单直线到复杂螺旋线的任何线条。 这条线始终是连续的;如果需要绘制两条或更多完全独立的线,则应使用多个游戏对象,每个游戏对象都要有自己的线渲染器 (Line Renderer...

    PDFRenderer full 0.9.1

    Javadoc生成的文档包含了每个类、接口、方法的描述,参数信息以及可能的异常,帮助开发者快速理解和使用PDFRenderer的接口。 "additional material" 指的是除了核心组件之外的其他资源,这可能包括示例代码、演示...

    Unity LineRenderer 连线功能示例工程

    6. **脚本控制**:通常,我们会使用C#脚本来控制LineRenderer的行为,例如在Update()函数中更新点的位置,或者在特定事件触发时改变线的属性。 7. **动画效果**:通过编程方式动态改变Points数组,可以实现动态连线...

    PDFRenderer显示PDF文档

    综上所述,使用PDFRenderer在Java Swing中显示PDF文档,需要理解PDFBox库的工作原理,掌握Swing组件的使用,以及如何处理用户交互。通过精心设计和实现,可以创建一个功能强大且用户友好的PDF查看器应用。

    freemarker itext core-renderer

    例如,开发者可以定义一个FreeMarker模板,其中包含动态数据占位符,然后使用iText和Core-Renderer将填充后的模板转换为PDF,以便于打印或在线分发。 这些组件的使用需要一定的编程技能,特别是对Java、FreeMarker...

    Unity3D LineRenderer方式画线2

    本文将深入探讨如何使用Unity3D的`LineRenderer`方式画线,并结合提供的部分代码进行解析。 `LineRenderer`组件是Unity3D中用于创建多段线性图形的组件,它可以创建连续的线段,每个线段之间可以有不同的宽度和颜色...

    数字集生成工具text_renderer

    文本渲染工具text_renderer是一款专为数字集生成设计的Python库,它允许开发者高效地创建、格式化和展示各种数字集合,比如序列、数组或者矩阵。这个工具尤其适用于数据可视化、数据分析以及教学场景,通过定制化的...

    PDFRenderer

    PDFRenderer 是一个针对iOS平台的第三方库,专用于处理PDF文件的渲染和阅读。这个库提供了高效的PDF解析和展示功能,使得开发者能够轻松地在自己的应用程序中集成高质量的PDF查看体验。下面我们将深入探讨PDF...

    neural_renderer.zip

    《神经渲染器库的安装与理解》 在计算机科学领域,尤其是...对于初学者来说,这是一个很好的机会去学习和理解深度学习与计算机图形学的交叉领域,同时也提醒我们在选择和使用开源库时,应考虑到维护和支持的重要性。

    html转pdf的core-renderer.jar支持中文自动换行

    `core-renderer.jar` 支持解析和应用HTML中的CSS规则,使得转换后的PDF文档保持与原网页相似的样式,包括字体、颜色、布局等。 4. **Java库的使用**: `core-renderer.jar` 是基于Java的,这意味着开发者可以轻松地...

    PDFRenderer.zip

    2. **PDF解析**:Unity3D项目中,你可以使用PDFRenderer提供的API来加载和解析PDF文件。这通常涉及到创建一个表示PDF文档的对象,然后通过该对象获取PDF的页面信息。 3. **预览与显示**:解析后的PDF页面可以被转换...

    Trail_Renderer.zip

    以下是对Trail Renderer组件主要功能和使用方法的详细介绍: 1. **启用和设置Trail Renderer** - 在Unity编辑器中,选择目标对象,然后在Inspector窗口中添加Trail Renderer组件。 - 设置Trail Renderer的基本...

Global site tag (gtag.js) - Google Analytics