- 浏览: 113080 次
- 来自: 北京
文章分类
最新评论
-
hww_1030:
spring+springmvc+ibatis整合注解方式实例 -
jackclchan:
你好,能将demo源码发我下吗?jackclchan@qq.c ...
spring+springmvc+ibatis整合注解方式实例 -
amwiqplhui:
你好,能将demo源码发我下吗?772851689@qq.co ...
spring+springmvc+ibatis整合注解方式实例 -
jiangshenyi:
你好,上面的demo 能发我一份了 deshanjiang8 ...
spring+springmvc+ibatis整合注解方式实例 -
springmvc-freemarker:
spring mvc demo教程源代码下载,地址:http: ...
spring+springmvc+ibatis整合注解方式实例
grid的常见问题:
1, grid数据为空.
2, grid不能正确的显示图片
3, 不能正确排序
4, TabPanels包括grid
5, grid单元格中的link
6, 合并字段
7, 自定义row或者column的外观,行为
8, grid cell添加click事件
9, store调用load后, Store还是空
10, grid大小随window变化
11, 更新grid单元格(实际上是:store)
12, 从不同的url重新加载grid
13, xml问题
14, 当它应该为空的时候,grid保留记录
15, json Reader的调试
16, 拖动,或者重新加载一条记录
17, 水平滚动条
18, 固定或不固定列宽
19, 隐藏某列
20, grid列固定宽度包装单元格中内容
21, 添加一列
22, toolbar中元素居中
23, 删除选中行
24, 分页,总记录数
25, 通过grid行索引(row index)获取record
26, grid从不同的server或者store, 加载数据
27, 列自动大小
28, 禁某行
29, contentEl,applyTo和renderTo之间的区别
30, 错误数据, red flag显示
31, Editor grid - ComboBox显示
32, 显示边框
33, 删除grid右边的滚动条
34, grid使用footer
35, grid复制单元格内容
36, grid中的comboBoxes
37, grid自定义样式
具体解决方案如下:
1. grid为空
grid不显示数据
Store不加载数据
grid为空
grid不执行
grid没有监听store
问题引发的可能原因
(1).是否定义grid的高度, height,autoHeight,或者layout:'fit'的容器 中的一种
Js代码
grid = new Ext.grid.EditorGridPanel{(
//其他configs
//不要忘记指定height
//三种选择,(1) 显示的指定height,(2)使autoHeight(3)把grid放入一个布局为:fit的容器
//autoHeight: true // autoHeight重新定义高度来显示所有的记录
// -- 或者--
//height: 350
)}
grid = new Ext.grid.EditorGridPanel{(
//其他configs
//不要忘记指定height
//三种选择,(1) 显示的指定height,(2)使autoHeight(3)把grid放入一个布局为:fit的容器
//autoHeight: true // autoHeight重新定义高度来显示所有的记录
// -- 或者--
//height: 350
)} (2).是否加载store? 调用方法store.load()
(3). 是否render grid, Render a grid使用下面的一种:
在grid 配置中使用renderTo 或者 el 自动render
显示的调用render()方法, grid.render()
(4). render的元素是否存在.
(5). 如果把一个grid放入一个tab panel中, 尝试在tabPanel的配置中添加 layoutOnTabChange: true
(6). 如果使用JSON,
JSON 的格式是否正确(可以在www.jslint.com验证你的JSON响应)
确保它不是一个string, (JSON = object)
不要在字段名中使用句点(.) ("filed.c" ext 不会转译)
确保JSON的结构和render的一致(记录数组处于根节点之下, 等等)
(7).The render是否正确指定了一个正确的root, JSON中使用该root
检查下面的从JSONReader来的示例响应, 如果你设定一个root 来包装JSON 响应中的数组, 可能象下面:
Js代码
{ 'results': 2, 'rows': [{"CodigoProduto":"3009","TipoProduto":"FERT",
"DescricaoProduto":"7 UP Reg. 12 GR 1,50 PET",
"UnidadeMedidaProduto":"TAB","Sabor":"V-REGULAR",
"CodigoMarca":"35","ProdutoPesoBruto":"19.448",
"ProdutoPesoLiquido":"18.760","ProdutoPesoUM":"KG",
"ProdutoVolume":"18.000","ProdutoVolumeUM":"L",
"ProdutoUM_PAL":"36","Eliminar":""}]
}
{ 'results': 2, 'rows': [{"CodigoProduto":"3009","TipoProduto":"FERT",
"DescricaoProduto":"7 UP Reg. 12 GR 1,50 PET",
"UnidadeMedidaProduto":"TAB","Sabor":"V-REGULAR",
"CodigoMarca":"35","ProdutoPesoBruto":"19.448",
"ProdutoPesoLiquido":"18.760","ProdutoPesoUM":"KG",
"ProdutoVolume":"18.000","ProdutoVolumeUM":"L",
"ProdutoUM_PAL":"36","Eliminar":""}]
} (8). 确保一条记录的数据是一个数组中的一条
Java代码
var SecurityItemRecord = Ext.data.Record.create([{name: 'type'}, {name: 'itemName'}]);//OK
var SecurityItemRecord = Ext.data.Record.create({name: 'type'}, {name: 'itemName'});//NO GOOD
var SecurityItemRecord = Ext.data.Record.create([{name: 'type'}, {name: 'itemName'}]);//OK
var SecurityItemRecord = Ext.data.Record.create({name: 'type'}, {name: 'itemName'});//NO GOOD 尝试使用firebug进行下面操作
(I)firebug是否有错误显示
(II)请求是否发出(查看console)
(III)该请求是否收到一个响应, 如果是, 把结果拷贝到www.jslint.com中验证格式, 该响应是否是你想要的结果, 检查总记录数, 数组的根目录, 等等
store load? 添加监听器监测store是否被加载或者有异常( 如何添加监听器? )
Store 'datachanged', 'load', 'loadexception',
Proxy 'load' / 'loadexception'
也可以添加ajax监听器
2. grid不能正常的显示图片(checkboxes, 等等)
(1), Css文件连接是否正确
(2), css引用是否正确, 检查相对路径.
3. 排序问题
(1). 检查store配置(sortInfo和sort type)或者使用setDefaultSort();
Java代码
sortInfo:{field: 'fieldname', direction: 'ASC'}
//或者调用:
store.setDefaultSort('fieldname', 'ASC');
sortInfo:{field: 'fieldname', direction: 'ASC'}
//或者调用:
store.setDefaultSort('fieldname', 'ASC');
(2). 检查sort type 是否设定
(3). 如果仅仅针对当前页面排序, 同时排列整个DB查询 remoteSort应该设置为: true(remoteSort默认为本地排序)
(4). 列排序
列数据
Html代码
//当前排序
+-+-------+
|1|First |
|2|Last |
|3|Second|
+-+-------+
//希望的排序
+-+-------+
|1|First |
|3|Second|
|2|Last |
//当前排序
+-+-------+
|1|First |
|2|Last |
|3|Second|
+-+-------+
//希望的排序
+-+-------+
|1|First |
|3|Second|
|2|Last |
在record定义
Js代码
sortType: function(value)
{
switch (value.toLowerCase())
{
case 'first': return 1;
case 'second': return 2;
default: return 3;
}
}
sortType: function(value)
{
switch (value.toLowerCase())
{
case 'first': return 1;
case 'second': return 2;
default: return 3;
}
}
4. Tab Panels中的grid
(1). 象其他Panel一样, 你可以直接添加一个GridPanle作为一个item.
(2). 确保Grid Panel是一个Tab Panel
(3). 在Tab Panel 中设置 layoutOnTabChange
Js代码
//grid对象
var g = new Ext.grid.GridPanel(
title: 'I will be the tab label';
)
var tabs2 = new Ext.TabPanel({
renderTo: document.body,
activeTab: 0,
widht: '100%'
height: 150,
frame: true,
defaults:{autoScroll: true},
items: [0] //grid 对象
})
//grid对象
var g = new Ext.grid.GridPanel(
title: 'I will be the tab label';
)
var tabs2 = new Ext.TabPanel({
renderTo: document.body,
activeTab: 0,
widht: '100%'
height: 150,
frame: true,
defaults:{autoScroll: true},
items: [0] //grid 对象
})
(4). 例子: http://examples.extjs.eu/?ex=gridintab
5. grid单元格中的链接
(1). 自定义一个renderer, 或者
(2). 使用Ext.grid.RowSelectionModel的rowselect事件, 如下:
Js代码
function handleRowSelect(selectionModel, rowIndex, selectedRecord){
//假定记录中存在url字段
var url = selectedRecord.get('url');
//如果你想打开另外一个窗口
window.open(url);
}
grid.getSelectionModel().on('rowselect',handleRowSelect);
function handleRowSelect(selectionModel, rowIndex, selectedRecord){
//假定记录中存在url字段
var url = selectedRecord.get('url');
//如果你想打开另外一个窗口
window.open(url);
}
grid.getSelectionModel().on('rowselect',handleRowSelect);
6. 合并字段为一列
(1). 连接记录中的两个字段(或多个)
Js代码
var reader = new Ext.data.ArrayReader({},[
//合二为一
{name:'full_name',type:'string',mapping:'first_name+ " " + obj.last_name'},
{name: 'age'}
]);
var grid = new Ext.grid.GridPanel({
store: new Ext.data.Store({
render: reader,
data: Ext.grid.dummyData
}),
columns:[
{header: 'Full Name',dataIndex: 'full_name'},
{header: 'Age',dataIndex:'age'}
]
})
var reader = new Ext.data.ArrayReader({},[
//合二为一
{name:'full_name',type:'string',mapping:'first_name+ " " + obj.last_name'},
{name: 'age'}
]);
var grid = new Ext.grid.GridPanel({
store: new Ext.data.Store({
render: reader,
data: Ext.grid.dummyData
}),
columns:[
{header: 'Full Name',dataIndex: 'full_name'},
{header: 'Age',dataIndex:'age'}
]
}) (2). 可以创建任何你需要的字段.
发表评论
-
网页的常用属性,便于以后编写网页查询
2011-02-11 18:01 946这里收藏一些编写网页的常用属性,便于以后编写网页查询。&quo ... -
javascript经典代码
2011-01-28 17:07 7741. oncontextmenu="window ... -
Ext 常用控件属性列表
2011-01-25 11:33 1098Ext 常用控件属性列表 Ext 常用控件属性列 ... -
extJs grid的常见问题:
2011-01-22 12:54 1575grid的常见问题: 1, grid数据为空.2, ... -
ext 控件属性
2011-01-21 14:33 1160Ext.Action action实现一个脱离了容 器的事件 ... -
extjs-tag (即使不会extjs和js也能开发页面)
2011-01-21 10:47 990最近在做一个公司的框架,采用extjs+dwr,由于考虑到ex ... -
第 9 章 沉寂吧!我们要自己的控件
2011-01-21 10:02 928第 9 章 沉寂吧!我们要自己的控件 Script 2008 ... -
第 8 章 哭泣吧!现在才开始讲基础问题。
2011-01-21 10:01 8028.1. Ext.get ... -
第 7 章 低鸣吧!拖拽就像呼吸一样容易。
2011-01-21 10:00 9047.1. 如此拖拽,简直就像与生俱来的本能一 ... -
第 6 章 奔腾吧!让不同的浏览器里显示一样的布局。
2011-01-21 09:59 8616.1. 有了它,我们就可以摆脱那些自称ui ... -
第 5 章 雀跃吧!超脱了一切的弹出窗口。
2011-01-21 09:59 8615.1. 呵呵~跳出来和缩回去总给人惊艳的感 ... -
第 4 章把表单和输入控件都改成ext的样式。
2011-01-21 09:58 10364.1. 不用ext的form啊,不怕错过有 ... -
第 3 章 歌颂吧!只为了树也要学ext。
2011-01-21 09:57 10893.1. 真的,我是 ... -
第 2 章 震撼吧!让你知道ext表格控件的厉害。
2011-01-21 09:57 14042.1. 功能丰富,无人能出其右 ... -
第 1 章 闪烁吧!看看extjs那些美丽的例子。
2011-01-21 09:56 953.1. 一切从extjs发布包开 ... -
最强学习笔记---GridPanel(基础篇)
2011-01-19 11:19 882我不想教各位新手什么 ...
相关推荐
ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0
最新的GT-Grid vs EXT-Grid例子是用GT-Grid表格控件和EXT-Grid表格控件来进行比较、里面有三个例子、看了这后觉得这两种表格显示数据控件功能实在太强大啦..
spketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-ext-2.1.mxpspketdwcs-...
ext-grid+json简单应用,可以直接套用... 可以跑的工程.sql脚本...
ext3.0版本 刚刚开始学习,先下载下来再说
flarum-ext-chinese-search Flarum 论坛中文搜索插件 - 基于 xunsearch 搜索引擎开发 如何安装 安装 xunsearch 服务端 参照 注意安装 xunsearch 需要以下依赖库 gawk make gcc g++ zlib1g-dev 安装插件 composer ...
表格的菜单插件,用来给ext的menu添加事件和生成视图
bcprov-ext-jdk15on-1.68.jar
1.bcprov-ext-jdk15on-1.54.jar 2.bcprov-jdk15on-1.54.jar 下载地址在:http://download.csdn.net/detail/cw_hello1/9557049 2.将下载的两个JAR文件复制到:JDK安装目录\jre\lib\ext下,例如我的就是D:\Program ...
ext-ms-win-gdi-desktop-l1-1-0.dll 用于解决这个dll文件丢失问题,下载后将此文件放置在相关文件根目录下,即可解决丢失问题
前端开源库-style-ext-html-webpack-pluginStyleExtHTML Webpack插件,通过启用内嵌样式增强HTML Webpack插件功能。
bcprov-ext-jdk15on-164.jar:支持java5-11。将jar包放置在%java_home%/jre/lib/ext目录。
EXT-JS Grid 用法 用EXT Designer 工具设计,步骤清晰详尽。
1.下载 bcprov-ext-jdk15on-160.jar,复制到jdk_home\jre\lib\ext 2.配置bcprov,在 jdk_home\jre\lib\security\目录中找到 java.security 在内容增加一行 security.provider.11=org.bouncycastle.jce.provider....
解压即可得到jcifs-ext-0.9.4.jar, java环境资源,jdk1.6及以上
java运行依赖jar包
ext 是 ExtJs 的简称,是一个强大的js 类库。本资源主要包括三个大的文件ext-all.css,ext-base.js,ext-al.js。在引用ext 类库的时候,这三个文件必不可少。另外我还提供了ext2的一个简单例子,以便大家学习交流。
ext-7.0.0-gpl.zip
bcprov-ext-jdk16-1.45.jar资源包 ,在进行JAVA的ECC椭圆算法调用时,需要用到的jar包
composer require nearata/flarum-ext-embed-video 更新 composer update nearata/flarum-ext-embed-video php flarum cache:clear 去掉 composer remove nearata/flarum-ext-embed-video php flarum cache:clear ...