kerlubasola

EXT 3.x 使用详解之Ext.grid.GridPanel(三)

本篇主要介绍了grid的ajax功能以及分页标签功能，具体看代码吧，注释很全面，感慨一下组件还是比较实用和漂亮的！

为介绍方便简洁，这里没有使用数据库，而直接创建了一些对象，参考者可以自己改成数据库即可。

JSP页面部分：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page pageEncoding="UTF-8"%>
<html>
<head>

</head>
	<body style="height:100%">
	<script type="text/javascript">
	//本例加入了grid组件的ajax以及分页的功能
	var grid;
	
	var cm;
	
	var ds;
	//分页标签栏
	var bbar;
	//全局高度设定，用来调整整个grid的高度
	var h;
	//性别详细
	function renderSex(value) {
		if (value == 'male') {
		return "<span style='color:red;font-weight:bold;'>男</span>";
		} else {
		return "<span style='color:green;font-weight:bold;'>女</span>";
		}
	}
	//描述详细
	function renderDescn(value, cellmeta, record, rowIndex, columnIndex,store){
		var str = (rowIndex+1)+"行|"+(columnIndex+1)+"列";
		return str;
	}
	
	Ext.onReady(function()
		{
	//对列的定义
	cm = new Ext.grid.ColumnModel([
		{header:'<font color="blue">编号</font>',width: Ext.get("content").getWidth()/5,sortable:true,dataIndex:'id'},//sortable 可排序，具体体现在有排序选项卡
		{header:'<font color="blue">日期</font>',width: Ext.get("content").getWidth()/5,dataIndex:'time',renderer:Ext.util.Format.dateRenderer('Y-m-d h:i:s')},
		{header:'<font color="blue">性别</font>',width: Ext.get("content").getWidth()/5,dataIndex:'sex',renderer:renderSex},
		{header:'<font color="blue">名称</font>',width: Ext.get("content").getWidth()/5,dataIndex:'name'},
		{header:'<font color="blue">描述</font>',width: Ext.get("content").getWidth()/5,dataIndex:'descn',renderer:renderDescn}
	]);
	//ajax代理
	var proxyParam={  
        url:'http://localhost:8080/MyTest/search.do?method=SearchAjax',  
        method:'GET'  
   	 }; 
	//对ajax返回的json数据进行解析,
	var jsonReaderMeta={  
		root: 'grids',//Json对象的root名称,与SearchVO的属性相对应
		totalProperty: 'totalCount', //数据的总行数 ,与SearchVO的属性相对应
   		id: 'id'  //数据的主键,与GridVO的属性相对应
     };  
	//解析Json数据的类型
	var recordType=[  
        {name: 'id', mapping: 'id'}, 
        //日期类型如果是String也可以表明为date型，不过需要标明pattern,具体pattern可查api中date类
        {name: 'time', mapping: 'time',type : 'date',dateFormat : 'Y-m-d h:i:s' },   
        {name: 'sex', mapping: 'sex'},  
        {name: 'name', mapping: 'name'},  
        {name: 'desc', mapping: 'desc'}  
      ]; 
	//定义dataStore
	ds = new Ext.data.Store({  
        proxy: new Ext.data.HttpProxy(proxyParam),  
        reader: new Ext.data.JsonReader(jsonReaderMeta,recordType),
        remoteSort:true  //允许到后台进行排序
     });
     //定义分页标签
	bbar = new Ext.PagingToolbar({
		pageSize: 3,
		store: ds,
		displayInfo: true,
		displayMsg: '第{0} 到 {1} 条数据 共{2}条',
		emptyMsg: "没有数据"
      }); 
	//创建grid对象
	grid = new Ext.grid.GridPanel({
		renderTo: 'content',
		width: Ext.get("content").getWidth(),
		store: ds,
		cm: cm,
		loadMask: true,
		bbar: bbar
		//如果需要每列自动填满Grid，可以使用viewConfig配置中的foreceFit
		//viewConfig:{forceFit:true}
	});
	//加载dataStore，此时可以带一些必要的参数提交到后台
	ds.load({params:{start:0, limit:3}});
	//在dataStore加载的时候进行高度的自动调整
	ds.on('load', function(){ 
		h = $('.x-panel-bbar').height()+$('.x-grid3-body').height()+$('.x-grid3-header').height()+20;
		grid.setHeight(h); 
       });
     
	});
	
	
	//自动适应浏览器窗口调整
	window.onresize=function(){
		cm = new Ext.grid.ColumnModel([
			{header:'<font color="blue">编号</font>',width: Ext.get("content").getWidth()/5,sortable:true,dataIndex:'id'},
			{header:'<font color="blue">日期</font>',width: Ext.get("content").getWidth()/5,dataIndex:'time',renderer:Ext.util.Format.dateRenderer('Y年m月d日h时m分s秒')},
			{header:'<font color="blue">性别</font>',width: Ext.get("content").getWidth()/5,dataIndex:'sex',renderer:renderSex},
			{header:'<font color="blue">名称</font>',width: Ext.get("content").getWidth()/5,dataIndex:'name'},
			{header:'<font color="blue">描述</font>',width: Ext.get("content").getWidth()/5,dataIndex:'descn',renderer:renderDescn}
		]);
           if(grid){
		grid.setWidth(Ext.get("content").getWidth());
		//重新载入dataStore和cm,此时会根据数据以及新设定的cm自动调整宽和高
        grid.reconfigure(ds,cm);
        }
	};
	
    </script>
    
<div id="content">
<div>

</body>
</html>

下面是后台search.do部分(注意实用了json数据类型，请加入json相关的包):

public ActionForward SearchAjax(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		Integer start = Integer.valueOf(request.getParameter("start"));
		Integer limit = Integer.valueOf(request.getParameter("limit"));
		System.out.println("start:" + start + "|limit:" + limit);
		String sort = request.getParameter("sort");
		String dir = request.getParameter("dir");
		if (StringUtils.isBlank(sort)) {
			sort = "id";
		}
		if (StringUtils.isBlank(dir)) {
			dir = "ASC";
		}
		System.out.println("sort:" + sort + "|" + dir);
		List<GridVO> lists = new ArrayList<GridVO>();
		GridVO vo = new GridVO();
		vo.setId(1);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name1");
		vo.setDesc("descn1");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(2);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name2");
		vo.setDesc("descn2");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(3);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name3");
		vo.setDesc("descn3");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(4);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name4");
		vo.setDesc("descn4");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(5);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name5");
		vo.setDesc("descn5");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(6);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name6");
		vo.setDesc("descn6");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(7);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name7");
		vo.setDesc("descn7");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(8);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name8");
		vo.setDesc("descn8");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(9);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name9");
		vo.setDesc("descn9");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(10);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name10");
		vo.setDesc("descn10");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(11);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name11");
		vo.setDesc("descn11");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(12);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name12");
		vo.setDesc("descn12");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(13);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name13");
		vo.setDesc("descn13");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(14);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name14");
		vo.setDesc("descn14");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(15);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name15");
		vo.setDesc("descn15");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(16);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name16");
		vo.setDesc("descn16");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(17);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name17");
		vo.setDesc("descn17");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(18);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name18");
		vo.setDesc("descn18");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(19);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name19");
		vo.setDesc("descn19");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(20);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name20");
		vo.setDesc("descn20");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(21);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name21");
		vo.setDesc("descn21");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(22);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name22");
		vo.setDesc("descn22");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(23);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name23");
		vo.setDesc("descn23");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(24);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name24");
		vo.setDesc("descn24");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(25);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name25");
		vo.setDesc("descn25");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(26);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name26");
		vo.setDesc("descn26");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(27);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name27");
		vo.setDesc("descn27");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(28);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name28");
		vo.setDesc("descn28");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(29);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name29");
		vo.setDesc("descn29");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(30);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name30");
		vo.setDesc("descn30");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(31);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name31");
		vo.setDesc("descn31");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(32);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name32");
		vo.setDesc("descn32");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(33);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name33");
		vo.setDesc("descn33");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(34);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name34");
		vo.setDesc("descn34");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(35);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name35");
		vo.setDesc("descn35");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(36);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name36");
		vo.setDesc("descn36");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(37);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name37");
		vo.setDesc("descn37");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(38);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name38");
		vo.setDesc("descn38");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(39);
		vo.setTime(dateFormat());
		vo.setSex("male");
		vo.setName("name39");
		vo.setDesc("descn39");
		lists.add(vo);
		vo = new GridVO();
		vo.setId(40);
		vo.setTime(dateFormat());
		vo.setSex("female");
		vo.setName("name40");
		vo.setDesc("descn40");
		lists.add(vo);
		// 排序
		lists = sortObj(lists, sort, dir);

SearchVO searchVO = new SearchVO();
		searchVO.setTotalCount(lists.size());
		lists = findCurrentPageObj(lists, start, limit);
		searchVO.setGrids(lists);
		JSONObject obj = JSONObject.fromObject(searchVO);
		System.out.println(obj.toString());
		response.setContentType("text/xml;charset=utf-8");
		response.getWriter().print(obj.toString());
		return null;
	}

private List<GridVO> sortObj(List<GridVO> list, String sort, String dir) {
		Set<ResultTokenDelegate> someSet = new TreeSet<ResultTokenDelegate>();
		List<GridVO> result = new ArrayList<GridVO>();
		for (GridVO res : list) {
			ResultTokenDelegate delegate = new ResultTokenDelegate(res, sort,
					dir);
			someSet.add(delegate);
		}
		Iterator iterator = someSet.iterator();
		while (iterator.hasNext()) {
			ResultTokenDelegate delegate = (ResultTokenDelegate) iterator
					.next();
			result.add(delegate.getResult());
		}
		return result;
	}

List<GridVO> findCurrentPageObj(List<GridVO> list, int start, int limit) {
		List<GridVO> vos = new ArrayList<GridVO>();
		for (int i = 0; i < list.size(); i++) {
			if (i >= start && i < (start + limit)) {
				vos.add(list.get(i));
			}
		}
		return vos;
	}

String dateFormat() {
		SimpleDateFormat smf = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");
		Date date = new Date(System.currentTimeMillis());
		return smf.format(date);
	}

ResultTokenDelegate类的代码，用来为list对象排序的：

package com.xuyi.util.sort;

import com.xuyi.vo.GridVO;

public class ResultTokenDelegate implements Comparable {

private GridVO result;

private String sort;

private String dir;

public ResultTokenDelegate() {
	}

public ResultTokenDelegate(GridVO result, String sort, String dir) {
		this.result = result;
		this.sort=sort;
		this.dir=dir;
	}

public GridVO getResult() {
		return result;
	}

public void setResult(GridVO result) {
		this.result = result;
	}

public String getDir() {
		return dir;
	}

public void setDir(String dir) {
		this.dir = dir;
	}

public String getSort() {
		return sort;
	}

public void setSort(String sort) {
		this.sort = sort;
	}

public int compareTo(Object o) {
		ResultTokenDelegate ntd = (ResultTokenDelegate) o;
		if ("id".equals("id")) {
			if ("ASC".equals(dir)) {
				if (this.getResult().getId() < ntd.getResult().getId()) {
					return -1;
				} else if (this.getResult().getId() == ntd.getResult().getId()) {
					return 1;
				} else {
					return 1;
				}
			}else{
				if (this.getResult().getId() < ntd.getResult().getId()) {
					return 1;
				} else if (this.getResult().getId() == ntd.getResult().getId()) {
					return 1;
				} else {
					return -1;
				}
			}
		}else{
			return 1;
		}
	}

}

GridVO类的代码:

SearchVO的代码:

【WPF.NET开发】构造动态布局吉特思米(gitusme) WPF.NET 专栏 wpf .net c#windows
本文内容系统必备创建项目配置默认的GridPanel控件向面板中添加控件测试布局汇总所有内容后续步骤在动态定位中，您通过指定子元素相对于父元素应该如何排列以及应该如何包装来排列子元素。您还可以将窗口和控件设置为在其内容扩展时自动扩展。适用于VisualStudio的WPF设计器提供了许多支持动态定位的Panel控件。可以通过将一个Panel控件添加为另一个的子控件来组合Panel控件。您可以使用下
Ext Grid 的合计行解决 ynzhangyao js ext function header float licensing constructor
在实际的应用中，我们的用户经常会要求需要在展现数据的网格上，增加合计行这样的功能，Ext.Grid.GridPanel本身并不支持合计行，在EXT的官方论坛上，有一些plugin可以实现合计行的功能。但其解决的个人觉得不太好用，于是，只有自己手动来做了。首先，我们要搞清楚，grid控件，是与ColumnModel,Store,GridView等对象一起协作地，所以要分析需要从什么地方入手解决问题。
ExtJs 7.X grid filter remote 自定义查询字段别名 sword_happy extjs extjs remoteFilter
背景：ExtJs7.X系列，我们可以在gridPanel的column中配置filter属性进行远程数据过滤，可实现filedName=XXX，但是无法指定字段的别名，例如a.filedName=XXX，经过源码调试研究，已解决，具体见下文介绍，本文基于Ext7.6。1、修改ext-all.js源码目前我是基于ext-all-debug.js源码进行修改，然后进行最小化操作。修改的类为Ext.gr
如何显示或者隐藏Ext.grid.Panel wangyuanjun008 extjs extjs
最近做项目遇到一个问题，如图所示，需要动态隐藏这个gridPanel,在Extapi中找到grid.Panel的hide()方法，如图所示，发现panel隐藏了，但是标题却没有隐藏，然后找到设置标题的方法setTitle(“”),发现文字隐藏掉了，但是后面的背景没有隐藏掉，显然也是不行的/***创建tabPanel**@paramcomp*组件*@paramanchor*组件宽高占比*@retur
Extjs4组件学习--Ext.grid.Panel 舒克frz ExtJs extjs email header json table filter
Ext.grid.Panelxtype:gridpanel,gridGridsareanexcellentwayofshowinglargeamountsoftabulardataontheclientside.Essentiallyasupercharged,GridPanelmakesiteasytofetch,sortandfilterlargeamountsofdata.Gridsarec
Extjs-表格 Ext.grid.GridPanel itlwc Extjs stylesheet header function javascript 存储 html
项目中的grid自动显示行号rn=newExt.grid.RowNumberer();复选框varsm=newExt.grid.CheckboxSelectionModel({//如果只允许用户通过复选框执行选中操作放开下面配置项//handleMouseDown:Ext.emptyFn//可复用的空函数//true表示只允许选择单行//singleSelect:true});列模型varcm=n
ExtJS 普通表格：Ext.grid.GridPanel属性祥解 hinswhale extjs extjs ExtJS EXTJS Extjs
表格相关组件总图：1、Ext.grid.GridPanel主要配置项：store：表格的数据集columns：表格列模式的配置数组，可自动创建ColumnModel列模式autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0stripeRows：表格是否隔行换色，默认为falsecm、colModel：表格的列模式，渲染表格时必须设置该配置项sm、selModel
extjs中批量修改Ext.grid.Panel中某个字段的值你好 9月! Extjs
1、首先定义一个gridpanel类varstore=Ext.create('Ext.data.Store',{fields:['label1','label2','label3'],data:[]});Ext.define('TestGridPanel',{extend:'Ext.grid.Panel',xtype:'testGridPanel',referenceHolder:true,tit
GridPanel OnRefreshData PagingToolBar 不调用刷新方法的解决方法独孤刺客 web开发 C#.Net Ext.Net header server ext object 数据库服务器
遇到一个非常奇怪的问题：就是GridPanel与Store联合使用时,Store有一个刷新数据的方法，OnRefreshData，调用服务器端的protectedvoidRefreshData(objectsender,StoreRefreshDataEventArgse)方法来刷新GridPanel中的数据，GridPanel1数据的刷新实际上调用的是Store1的OnDataRefresh方法
Ext.form.RadioGroup 和 Ext.form.Radio 基本定义 yyhm EXT3 RadioGroup
概述:RadioGroup内含多个Radio,每个Radio.name必须相同,选中事件RadioGroup不提供,Radio子组件自行处理功能:选择一个Radio,动态加载GridPanel.newExt.form.RadioGroup({//fieldLabel:"资料选择",//RadioGroup.fieldLabel标签与Radio.boxLabel标签区别hideLabel:true,
Extjs — Grid数据导出成Excel weixin_30545285
最近因为项目问题，需要解决Extjs导出成Excel的问题。下面简单描述这个问题解决的步骤如下：1、先在js文件里写了一个button的handler事件，通过点击按钮，来实现调用ExportExcel(GridPanel,{store:null,title:''})ExportExcel方法的源码如下：/**Execl导出方法**/functionExportExcel(gridPanel,co
ExtJS Grid 每个Cell都显示tooltip Sloan_JCY Extjs4
在ExtJS3.x中，如果为GridPanel中的每个Cell都显示tooltip时，而内容是就Cell内容时，有一种比较好的方法就是官网推荐的【ExtJS3.x\src\widgets\tips\ToopTip.js】中的第90行到108行的例子,如下所示Js代码varmyGrid=newExt.grid.GridPanel(gridConfig);myGrid.on('render',func
Extjs4 设置panel内部的gridpanel的滚动条莫问初心 Extjs 浏览器
当grid的实际宽度大于其父容器panel的时候，超出的1部分表格被默认隐藏，滚动条不见了。这时候我们一般要做两件事1.把滚动条找回来，2.将滚动条放到panel上，这样子才能最大程度上满足用户使用感受，解决方案如下：其实很简单，只要配置下grid两个属性：1.width:2620,（grid的真实宽度，值一般都比较大）；2.bodyStyle:'overflow-x:hidden;overflo
继承Ext.data.Store 无畏的心_ ExtJs
继承Ext.data.Store稍微有点复杂，这个也是在写gridPanel的时候经常需要把Store用独立的js编写，松耦合，易维护。Ext.define("定义的store的名字",{extend:"Ext.data.Store",pageSize:10,model:'定义的model的名字',constructor:function(config){config=config||{};Ext
Extjs将GridPanel中的数据导出到Excel的方法风柏杨 Extjs excel extjs alignment function string encoding
前些时间老大说客户要求提供将表格中的数据导出到Excel中，因为有时候他们需要将价格资料导出以便制作报价表，于是上网找了一些资料，发现网上其实有很多例子都有浏览器兼容性的问题，于是自己整合，改进之后，终于能兼容支持和浏览器了，遂在这里与大家分享、交流：首先你需要一个将GridPanel的数据转换成标准Excel格式的JS文件，文件内容如下（貌似CSDN博客不支持上传文件给大家下载，所以唯有直接贴代
ExtJS -- grid交替行颜色设置(隔行变色) liangjm99 ExtJS
.x-grid3-row-alt{/*设置GridPanel的交替行颜色*/background-color:#E6E6E6;}
ext GridPanel 分页 zhaoqian888 EXT EXT XHTML HTML
ExtExt.onReady(function(){varsm=newExt.grid.CheckboxSelectionModel();varcm=newExt.grid.ColumnModel([newExt.grid.RowNumberer(),sm,{header:'编号',dataIndex:'id',sortable:true},{header:'名称',dataIndex:'name
Panel中显示多行工具栏(tbar) zhao_yuming Js &ExtJs
在应用程序的制作中，我们经常性的会用到工具栏，在Extjs中Panel中提供了tbar和bbar两个内置的工具栏，极大的方便了大家的使用，但是在创建多行工具栏的时候，就会有一些问题产生了，不能正常的显示已经设计好的页面。下面通过对Panel的render事件的监听，在它被渲染的时候添加多条工具栏，这样就不会影响页面的显示了。这一方法对Panel，FormPanel，GridPanel都适用。具体代
GridPanel动态添加ToolBar zhangsiqi1985 ext
border布局的Panel中的center放了一个GridPanel，我想在GridPanel中放两个toolbar,其中一个是默认的，一个是扩展的，扩展的默认为隐藏，点击默认toolbar上的一个按钮时显示扩展toolbar，下面是代码：两个toolbar，一个隐藏:tbar:toolBar,listeners:{render:function(){toolBar2.render(this.t
Ext Grid上的单击以及双击事件 Ares extjs学习
进来项目中需要使用双击/单击行记录来获取数据，将实现的方式记录如下：1、双击varcb=newExt.grid.RowSelectionModel({singleSelect:true//如果值是false，表明可以选择多行；否则只能选择一行});varalarmGrid=newExt.grid.GridPanel({}alarmGrid.addListener('rowdblclick',row
gridpanel 点击事件刑天易云 extjs
Ext.onReady(function(){grid.on('rowclick',onRowDoubleClick);});注意：域问题在里面报找不到functionvaronRowDoubleClick=function(grid,rowIndex,e){alert(111);}
Ext中向Ext.grid.GridPanel() 显示按钮，并绑定id(行标识) xieshengjun2009 Extjs ext header function class callback button
1、拼装按钮备注：行标识id，在加载显示的时候就已和按钮绑定到一起，并相应的执行按钮操作；/*表格数据源*/varstore=newExt.data.Store({proxy:newExt.data.HttpProxy({url:'TestAction!testMethod.action'}),reader:newExt.data.JsonReader({totalProperty:'total'
Ext使用：GridPanel之工具栏燃烧汽油弹 js ext function button 工具
grid=newExt.grid.GridPanel({...tbar:contrltar,...});varcontrltar=newExt.Toolbar();contrltar.add({text:'新增',xtype:'button',handler:function(){}});//按钮contrltar.add(newExt.Toolbar.Separator());//分割线cont
GridPanel weixin_42054515 Extjs
Extjs的GridPanel创建一个GridPanelGridPanel的列GridPanel行选择模型（SelectionModel）GridPanel的行选择GridPanel获取选中行GridPanel显示行号GridPanel异步加载数据GridPanel分页禁止显示列头部右侧菜单ExtjsGridPanel提供了非常强大数据表格功能，在GridPanel可以展示数据列表，可以对数据列表
Extjs中给同一个GridPanel中的事件添加参数的方法 weixin_34405925
Extjs中给同一个GridPanel中的事件添加参数的方法：this.isUse=newExt.Action({text:'启用',scope:this,handler:this.isUseWin.createDelegate(this,[1])});this.isNotUse=newExt.Action({text:'停用',scope:this,handler:this.isUseWin.c
ExtJS GridPanel根据条件改变字体颜色 weixin_34205826
1、在GridPanel中加入GridView2、加入js脚本functionsetRowBg(rd,ri,ro){varzhb,lj,xzh;zhb=rd.data.zhb;lj=rd.data.ljxzh=rd.data.xzh;if(xzh=="正向"){if(zhb>lj){ro.tstyle="color:#F57D02;";}else{ro.tstyle="background-col
Ext.grid.GridPanel的属性 weixin_34107739
1、Ext.grid.GridPanel主要配置项：store：表格的数据集columns：表格列模式的配置数组，可自动创建ColumnModel列模式autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0stripeRows：表格是否隔行换色，默认为falsecm、colModel：表格的列模式，渲染表格时必须设置该配置项sm、selModel：表格的选择模式，
ExtJS4.2学习(七)EditorGrid可编辑表格 weixin_34038652
上节讲到通过后台数据进行分页，分页工具条还可以放置在顶端，或者上下都有而不影响数据，因为它们都共用一个store//创建表格vargrid=newExt.grid.GridPanel({renderTo:'grid',//渲染位置autoHeight:true,store:store,width:550,columns:columns,//显示列bbar:newExt.PagingToolbar(
Ext.grid.Panel点击时获取行列的各种数据 Heroin_s ExtJs
EXTJS中的Ext.grid.Panel点击时获取行列和当前点击单元格数据，所有代码均已测试。创建一个gridpanel的方式如下gridAVS=Ext.create('Ext.grid.Panel',{id:'av_Grid',store:avStore,columnLines:true,columns:girdColumns,listeners:{cellclick:function(gri
Ext.Net学习笔记16：Ext.Net GridPanel 折叠/展开行 Mathilda91
Ext.NetGridPanel的行支持折叠/展开功能，这个功能个人觉得还说很有用处的，尤其是数据中包含图片等内容的时候。下面来看看效果：使用行折叠/展开功能之后，在Ext.NetGridPanel的行头会出现一个展开图标，点击图标以后能够将这一行展开：使用XTemplate实现行折叠/展开这是最简单的一种实现，我们只需要在GridPanel的定义中加入下面的代码：姓名：{Name}年龄：{Age
springmvc 下 freemarker页面枚举的遍历输出杨白白 enum freemarker
spring mvc freemarker 中遍历枚举 1枚举类型有一个本地方法叫values（），这个方法可以直接返回枚举数组。所以可以利用这个遍历。 enum public enum BooleanEnum { TRUE(Boolean.TRUE, "是"), FALSE(Boolean.FALSE, "否");
实习简要总结 byalias 工作
来白虹不知不觉中已经一个多月了，因为项目还在需求分析及项目架构阶段，自己在这段时间都是在学习相关技术知识，现在对这段时间的工作及学习情况做一个总结：（1）工作技能方面大体分为两个阶段，Java Web 基础阶段和Java EE阶段 1）Java Web阶段在这个阶段，自己主要着重学习了 JSP, Servlet, JDBC, MySQL，这些知识的核心点都过了一遍，也
Quartz——DateIntervalTrigger触发器 eksliang quartz
转载请出自出处：http://eksliang.iteye.com/blog/2208559 一.概述 simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间，这就导致他有不适合调度的定时任务。例如我们想每天的 1：00AM 执行任务，如果使用 SimpleTrigger，间隔时间就是一天。注意这里就会有一个问题，即当有 misfired 的任务并且恢复执行时，该执行时间
Unix快捷键 18289753290 unix Unix；快捷键;
复制，删除，粘贴： dd:删除光标所在的行 &nbs
获取Android设备屏幕的相关参数酷的飞上天空 android
包含屏幕的分辨率以及屏幕宽度的最大dp 高度最大dp TextView text = (TextView)findViewById(R.id.text); DisplayMetrics dm = new DisplayMetrics(); text.append("getResources().ge
要做物联网？先保护好你的数据蓝儿唯美数据
根据Beecham Research的说法，那些在行业中希望利用物联网的关键领域需要提供更好的安全性。在Beecham的物联网安全威胁图谱上，展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。 Beecham Research的技术主管Jon Howes说：“之所以我们目前还没有看到与物联网相关的严重安全事件，是因为目前还没有在大型客户和企业应用中进行部署，也就
Java取模（求余）运算随便小屋 java
整数之间的取模求余运算很好求，但几乎没有遇到过对负数进行取模求余，直接看下面代码： /** * * @author Logic * */ public class Test { public static void main(String[] args) { // TODO A
SQL注入介绍 aijuans sql注入
二、SQL注入范例这里我们根据用户登录页面 <form action="" > 用户名：<input type="text" name="username"><br/> 密码：<input type="password" name="passwor
优雅代码风格 aoyouzi 代码
总结了几点关于优雅代码风格的描述：代码简单：不隐藏设计者的意图，抽象干净利落，控制语句直截了当。接口清晰：类型接口表现力直白，字面表达含义，API 相互呼应以增强可测试性。依赖项少：依赖关系越少越好，依赖少证明内聚程度高，低耦合利于自动测试，便于重构。没有重复：重复代码意味着某些概念或想法没有在代码中良好的体现，及时重构消除重复。战术分层：代码分层清晰，隔离明确，
布尔数组百合不是茶 java 布尔数组
androi中提到了布尔数组; 布尔数组默认的是false, 并且只会打印false或者是true 布尔数组的例子; 根据字符数组创建布尔数组 char[] c = {'p','u','b','l','i','c'}; //根据字符数组的长度创建布尔数组的个数 boolean[] b = new bool
web.xml之welcome-file-list、error-page bijian1013 java web.xml servlet error-page
welcome-file-list 1.定义： <welcome-file-list> <welcome-file>login.jsp</welcome> </welcome-file-list> 2.作用：用来指定WEB应用首页名称。 error-page1.定义： <error-page&g
richfaces 4 fileUpload组件删除上传的文件 sunjing clear Richfaces 4 fileupload
页面代码 <h:form id="fileForm"> <rich:
技术文章备忘 bit1129 技术文章
Zookeeper http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV
org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案白糖_ Hibernate
文章摘自：http://blog.csdn.net/yangwawa19870921/article/details/7553181 在编写HQL时，可能会出现这种代码： select a.name,b.age from TableA a left join TableB b on a.id=b.id 如果这是HQL，那么这段代码就是错误的，因为HQL不支持
sqlserver按照字段内容进行排序 bozch 按照内容排序
在做项目的时候，遇到了这样的一个需求：从数据库中取出的数据集，首先要将某个数据或者多个数据按照地段内容放到前面显示，例如:从学生表中取出姓李的放到数据集的前面； select * fro
编程珠玑-第一章-位图排序 bylijinnan java 编程珠玑
import java.io.BufferedWriter; import java.io.File; import java.io.FileWriter; import java.io.IOException; import java.io.Writer; import java.util.Random; public class BitMapSearch {
Java关于==和equals chenbowen00 java
关于==和equals概念其实很简单，一个是比较内存地址是否相同，一个比较的是值内容是否相同。虽然理解上不难，但是有时存在一些理解误区，如下情况： 1、 String a = "aaa"; a=="aaa"; ==> true 2、 new String("aaa")==new String("aaa
[IT与资本]软件行业需对外界投资热情保持警惕 comsci it
我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境... 如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然
oracle 数据块结构 daizj oracle 块数据块块结构行目录
oracle 数据块是数据库存储的最小单位，一般为操作系统块的N倍。其结构为：块头－－〉空行－－〉数据，其实际为纵行结构。块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块（Standard Block）。块的大小和标准块的大小不同的块叫非标准块（Nonstandard Block）。同一数据库中，Oracle9i及以上版本支持同一数据库中同时使用标
github上一些觉得对自己工作有用的项目收集 dengkane github
github上一些觉得对自己工作有用的项目收集技能类 markdown语法中文说明回到顶部全文检索 elasticsearch bigdesk elasticsearch管理插件回到顶部 nosql mapdb 支持亿级别map, list, 支持事务. 可考虑做为缓存使用 C
初二上学期难记单词二 dcj3sjt126com english word
dangerous 危险的 panda 熊猫 lion 狮子 elephant 象 monkey 猴子 tiger 老虎 deer 鹿 snake 蛇 rabbit 兔子 duck 鸭 horse 马 forest 森林 fall 跌倒；落下 climb 爬；攀登 finish 完成；结束 cinema 电影院；电影 seafood 海鲜；海产食品 bank 银行
8、mysql外键(FOREIGN KEY)的简单使用 dcj3sjt126com mysql
一、基本概念 1、MySQL中“键”和“索引”的定义相同，所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引，但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引，InnoDB不能自动地创建索引。 2、外键可以是一对一的，一个表的记录只能与另一个表的一条记录连接，或者是一对多的，一个表的记录与另一个表的多条记录连接。 3、如
java循环标签 Foreach shuizhaosi888 标签 java循环 foreach
1. 简单的for循环 public static void main(String[] args) { for (int i = 1, y = i + 10; i < 5 && y < 12; i++, y = i * 2) { System.err.println("i=" + i + " y="
Spring Security（05）——异常信息本地化 234390216 exception Spring Security 异常信息本地化
异常信息本地化 Spring Security支持将展现给终端用户看的异常信息本地化，这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息（如配置错误）则是不能够进行本地化的，它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x
DUBBO架构服务端告警Failed to send message Response javamingtingzhao 架构 DUBBO
废话不多说，警告日志如下，不知道有哪位遇到过，此异常在服务端抛出(服务器启动第一次运行会有这个警告)，后续运行没问题，找了好久真心不知道哪里错了。 WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)
JS中Date对象中几个用法 leeqq JavaScript Date 最后一天
近来工作中遇到这样的两个需求 1. 给个Date对象，找出该时间所在月的第一天和最后一天 2. 给个Date对象，找出该时间所在周的第一天和最后一天需求1中的找月第一天很简单，我记得api中有setDate方法可以使用使用setDate方法前，先看看getDate var date = new Date(); console.log(date); // Sat J
MFC中使用ado技术操作数据库你不认识的休道人 sql mfc
1.在stdafx.h中导入ado动态链接库 #import"C:\Program Files\Common Files\System\ado\msado15.dll" no_namespace rename("EOF","end")2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti
Android Studio加速 rensanning android studio
Android Studio慢、吃内存！启动时后会立即通过Gradle来sync & build工程。（1）设置Android Studio a) 禁用插件 File -> Settings... Plugins 去掉一些没有用的插件。比如：Git Integration、GitHub、Google Cloud Testing、Google Cloud
各数据库的批量Update操作 tomcat_oracle java oracle sql mysql sqlite
MyBatis的update元素的用法与insert元素基本相同，因此本篇不打算重复了。本篇仅记录批量update操作的 sql语句，懂得SQL语句，那么MyBatis部分的操作就简单了。　　注意：下列批量更新语句都是作为一个事务整体执行，要不全部成功，要不全部回滚。 MSSQL的SQL语句　WITH R AS（　　SELECT 'John' as name, 18 as
html禁止清除input文本输入缓存 xp9802 input
多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法：方法一：在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name

EXT 3.x 使用详解之Ext.grid.GridPanel(三)

你可能感兴趣的:(gridPanel)