maodongqing
- 浏览: 69290 次
- 性别:
- 来自: 北京
-
最近访客 更多访客>>
最新评论
-
hzfeibao：
总结的很详细啊
Ext.grid.GridPanel -
lixiaodong59421：
Ext菜单可以显示到非ext控件上吗？
Ext.menu.Menu -
lixiaodong59421：
asdfasdfasdf
Ext.menu.Menu -
guanzhongdaoke54007：
有没有详细的，比如例子？
Ext.form.Radio -
deng1259070：
我要列加背景色怎么做?
Ext.grid.GridPanel
<!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">
<head>
<title>Ext</title>
<script src="adapter/ext/ext-base.js" type="text/javascript"></script>
<link href="resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="ext-all.js" type="text/javascript"></script>
<script type="text/javascript">
Ext.onReady(function() {
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{ header: '编号', dataIndex: 'id', sortable: true },
{ header: '名称', dataIndex: 'name' },
{ header: '日期', dataIndex: 'date' },
{ header: '描述', dataIndex: 'descn' }
]);
var data = [
['1', 'name1', '2008-11-10', 'descn1'],
['2', 'name2', '2008-11-08', 'descn2'],
['3', 'name3', '2008-11-11', 'descn3'],
['4', 'name4', '2008-11-12', 'descn4'],
['5', 'name5', '2007-11-11', 'descn5'],
['4', 'name4', '2008-11-12', 'descn4'],
['4', 'name4', '2008-11-12', 'descn4'],
['4', 'name4', '2008-11-12', 'descn4']
];
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, [
{ name: 'id' },
{ name: 'name' },
{ name: 'descn' }
]),
remoteSort: true
});
ds.load({ params: { start: 0, limit: 2} });
var grid = new Ext.grid.GridPanel({
el: 'div1',
ds: ds,
cm: cm,
sm: sm,
bbar: new Ext.PagingToolbar({
pageSize: 2,
store: ds,
beforePageText: '第',
afterPageText: '页- 共{0}页',
displayMsg: '显示 {0} - {1}条 / 共{2}条',
emptyMsg: "暂无数据"
})
});
grid.render();
})
</script>
</head>
<body>
<div id='div1'></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ext</title>
<script src="adapter/ext/ext-base.js" type="text/javascript"></script>
<link href="resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="ext-all.js" type="text/javascript"></script>
<script type="text/javascript">
Ext.onReady(function() {
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{ header: '编号', dataIndex: 'id', sortable: true },
{ header: '名称', dataIndex: 'name' },
{ header: '日期', dataIndex: 'date' },
{ header: '描述', dataIndex: 'descn' }
]);
var data = [
['1', 'name1', '2008-11-10', 'descn1'],
['2', 'name2', '2008-11-08', 'descn2'],
['3', 'name3', '2008-11-11', 'descn3'],
['4', 'name4', '2008-11-12', 'descn4'],
['5', 'name5', '2007-11-11', 'descn5'],
['4', 'name4', '2008-11-12', 'descn4'],
['4', 'name4', '2008-11-12', 'descn4'],
['4', 'name4', '2008-11-12', 'descn4']
];
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, [
{ name: 'id' },
{ name: 'name' },
{ name: 'descn' }
]),
remoteSort: true
});
ds.load({ params: { start: 0, limit: 2} });
var grid = new Ext.grid.GridPanel({
el: 'div1',
ds: ds,
cm: cm,
sm: sm,
bbar: new Ext.PagingToolbar({
pageSize: 2,
store: ds,
beforePageText: '第',
afterPageText: '页- 共{0}页',
displayMsg: '显示 {0} - {1}条 / 共{2}条',
emptyMsg: "暂无数据"
})
});
grid.render();
})
</script>
</head>
<body>
<div id='div1'></div>
</body>
</html>
分享到：
发表评论
-
EXT各种组件
2010-10-10 16:55 1007本范例展示如何使用表单的各种组件。 下拉框组件展示了5种使用 ... -
Ext.form.TimeField
2010-10-10 16:54 201313、Ext.form.TimeField 配置项 ... -
Ext.form.FieldSet
2010-10-10 16:46 136412、Ext.form.FieldSet 配置项： ... -
Ext.form.DateField
2010-10-10 16:45 121911、Ext.form.DateField 配置项： ... -
Ext.form.ComboBox
2010-10-10 16:45 176910、Ext.form.ComboBox 配置项： ... -
Ext.form.RadioGroup
2010-10-10 16:44 9819、Ext.form.RadioGroup 配置项： ... -
Ext.form.Radio
2010-10-10 16:44 8828、Ext.form.Radio 方法： ... -
Ext.form.CheckboxGroup
2010-10-10 16:44 9427、Ext.form.CheckboxGroup 配 ... -
Ext.form.Checkbox
2010-10-10 16:43 8036、Ext.form.Checkbox 配置项： ... -
Ext.form.NumberField
2010-10-10 16:43 10955、Ext.form.NumberField 配置 ... -
Ext.form.TextArea
2010-10-10 16:43 12884、Ext.form.TextArea 配置项： ... -
Ext.form.TextField
2010-10-10 16:43 12243、Ext.form.TextField 配置项： ... -
Ext.form.Label
2010-10-10 16:42 11052、Ext.form.Label 配置项： ... -
Ext.form.Hidden
2010-10-10 16:42 8121、Ext.form.Hidden -
Ext.form.Field
2010-10-10 16:41 10844、Ext.form.Field 配置项： ... -
Ext.form.FormPanel
2010-10-10 16:41 8563、Ext.form.FormPanel 配置项 ... -
Ext.form.BasicForm
2010-10-10 16:41 11252、Ext.form.BasicForm 配置项： ... -
Ext.form.Action
2010-10-10 16:41 10881、Ext.form.Action 配置项： ... -
Ext.grid.PropertyGrid
2010-10-10 16:40 15661、Ext.grid.PropertyGrid 主 ... -
Ext.grid.EditorGridPanel
2010-10-10 16:39 9181、Ext.grid.EditorGridPanel ...
相关推荐
Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作
EXT GridPanel获取某一单元格的值
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
NULL 博文链接：https://redboy5711.iteye.com/blog/259913
Ext的gridpanel控件二次加载时丢失解决方案
目的：Ext框架的开发中，最常用的有GridPanel控件，以及TreePanel控件。在使用表格的分页功能时，我们把该控件的start与limits参数与Hibernate的分页功能影射，从页实现了动态的分页效果；而TreePanel的更新也是一个...
Ext GridPanel加载完数据后进行操作，比如load数据之后选定某些行数据,下面有个示例，需要的朋友可以参考下
NULL 博文链接：https://shenhaiquan.iteye.com/blog/1474328
该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释，可能注释不全。分别为group.jsp，totals.jsp页面。
EXT实例GridPanel. 实现简单的。
Ext.grid.GridPanel 删除线 放到example文件夹下运行
ext.net gridpanel 弹出窗
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
tapestry4.02中封装ext的GridPanel组件
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
NULL 博文链接：https://wv1124.iteye.com/blog/741559
Ext.grid.ColumnModel显示不正常
使用ext3.0 实现 GridPanel 分页显示，调用后台数据 ，格式为json，数据使用 xml 无数据库下载就可以运行，与dwr结合
对于GridPanel中拖动选中行排序的实现，网上有不少ExtJs实现的例子，但是没有找到使用Ext.net实现的，正好最近有个需求要使用，干脆来写一个。 DEMO功能说明： 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
NULL 博文链接：https://aa00aa00.iteye.com/blog/564647