联系了下gridpanel 与 formpanel ,以备以后查看
Ext.onReady(function(){
var _grid = new Ext.grid.GridPanel({
id:'viewGrid',
title:'GridPanel',
renderTo:Ext.getBody(),
width:320,
height:200,
colModel:new Ext.grid.ColumnModel([{
header:'姓名'
},{
header:'性别'
},{
header:'年龄'
}]),
store:new Ext.data.JsonStore({
autoLoad:true,
url:'<%=path%>/store/Data.jsp',
fields:['name','sex','age']
}),
selModel:new Ext.grid.RowSelectionModel({
singleSelect:true,
listeners:{
'rowselect':function(){
var _r = Ext.getCmp('viewGrid').getSelectionModel().getSelected();
Ext.getCmp('viewForm').getForm().loadRecord(_r);
}
}
})
});
var _form = new Ext.form.FormPanel({
id:'viewForm',
frame:true,
renderTo:Ext.getBody(),
autoShow:true,
defaultType:'textfield',
width:320,
labelWidth:50,
defaults:{width:200},
items: [{
fieldLabel:'姓名',
name:'name'
},{
fieldLabel:'性别',
name:'sex'
},{
fieldLabel:'年龄',
name:'age'
}],
buttons:[{
text:'修改',
handler:function(){
if(Ext.getCmp('viewGrid').getSelectionModel().getCount == 0)return;
var _r = Ext.getCmp('viewGrid').getSelectionModel().getSelected();
var _formValues = Ext.getCmp('viewForm').getForm().getValues();
_r.set('name',_formValues['name']);
_r.set('sex',_formValues['sex']);
_r.set('age',_formValues['age']);
_r.commit();
}
}]
});
});
- 大小: 5.4 KB
分享到:
相关推荐
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...
该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释,可能注释不全。分别为group.jsp,totals.jsp页面。
Ext的gridpanel控件二次加载时丢失解决方案
Ext GridPanel加载完数据后进行操作,比如load数据之后选定某些行数据,下面有个示例,需要的朋友可以参考下
NULL 博文链接:https://shenhaiquan.iteye.com/blog/1474328
EXT实例GridPanel. 实现简单的。
Ext.grid.GridPanel 删除线 放到example文件夹下运行
ext.net gridpanel 弹出窗
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
tapestry4.02中封装ext的GridPanel组件
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
NULL 博文链接:https://wv1124.iteye.com/blog/741559
Ext.grid.ColumnModel显示不正常
NULL 博文链接:https://aa00aa00.iteye.com/blog/564647
Ext修改GridPanel数据和字体颜色等,不是单指EditGridPanel 首先获取选中的行(当然也可以获取单元格): 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置: 代码如下: selectedRow....
Ext教程 展示EXT表单FormPanel和表格GridPanel的使用
目的:Ext框架的开发中,最常用的有GridPanel控件,以及TreePanel控件。在使用表格的分页功能时,我们把该控件的start与limits参数与Hibernate的分页功能影射,从页实现了动态的分页效果;而TreePanel的更新也是一个...