EXT里的EditorGridPanel

最新推荐文章于 2022-03-28 12:57:53 发布
最新推荐文章于 2022-03-28 12:57:53 发布
阅读量98 收藏
点赞数
分类专栏： AJAX—EXT2.0 文章标签： EXT HTML F#
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
</head>

<body>

<br>
<script>

Ext.onReady(function(){

var cm = new Ext.grid.ColumnModel([
{header:'编号',dataIndex:'id',editor: new Ext.form.TextField({allowBlank:false}),sortable:true},
{header:'名称',dataIndex:'name',editor: new Ext.form.TextField({allowBlank:false})},
{header:'描述',dataIndex:'descn',editor: new Ext.form.TextField({allowBlank:false})}

]);

var data = [
['1','d','descn1'],
['2','dfg','descn2'],
['3','fg','descn3'],
['4','f','descn4'],
['5','dfg','descn5']
];

var store = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, [
{name:'id'},
{name:'name'},
{name:'descn'}
])
});
store.load();
var Record = new Ext.data.Record.create([
{name:'id',type:'int'},
{name:'name',type:'string'},
{name:'descn',type:'string'}

]);

var grid = new Ext.grid.EditorGridPanel({
renderTo: 'grid',
store: store,
width: 400,
height:200,
cm: cm,
tbar: new Ext.Toolbar(['-', {
text:'添加一行',
handler:function() {
var p = new Record({
id:'',
name:'',
descn:''
});
grid.stopEditing();
store.insert(0,p);
grid.startEditing(0, 0);
}
},'-', {
text:'删除一行',
handler:function() {
Ext.Msg.confirm('信息','确定要删除？',function(btn) {
if(btn == 'yes') {
var sm = grid.getSelectionModel();
var cell = sm.getSelectedCell();

var record = store.getAt(cell[0]);
store.remove(record);
}
});
}
}, '-'])

});

});

</script>
<div id="grid">
</div>

</body>
</html>
todayapple
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
EXT 中文可视化编辑器
04-28
Ext Design 中文版的 内有安装说明和安装文件 另附带两个简单使用案例。
可编辑表格Ext.grid.EditorGridPanel
04-17
此文档是可编辑表格Ext.grid.EditorGridPanel的说明以及示例的源代码，放到eclipse里面即可运行，显示出效果！
Ext.grid.EditorGridPanel使用方法
xwdreamer的专栏
12-29 8930
首先定义一个EditorGridPanel，var maintainceOrderGrid = new Ext.grid.EditorGridPanel( {// 创建Grid表格组件 applyTo : 'maintainorderinfo-grid-div',// 设置表格现实位置 frame : true,// 渲染表格面板 tbar : toolbar,// 设置顶端工具栏 stripeRows : true,// 显示斑马线 a
Extjs EditorGridPanel中ComboBox列的显示问题
12-12
为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性，重新渲染，方法如下： 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data....
Ext可编辑的tree,EditorGridPanel
11-02
因为项目的需求,实现一个可以编辑的tree,在网上找了一个牛人写的控件.Ext.ux.maximgb.tg.EditorGridPanel 把源码下载下来以后 不能运行,自己根据给出的列子,另写了一个小程序.不过并没有与数据库交互.
Ext 3.2的一个TreeGrid
12-30
感谢 Ericzhen 远离颠倒梦想，蕴籍无上清凉 这里引用它的资源 仅作分享 http://www.cnblogs.com/Ericzhen/archive/2012/06/11/2545186.html
EXT核心API详解
04-28
73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65 1、Ext类 addBehaviors(Object obj) : void 对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如 addBehaviors({ ...
Ext.grid.EditorGridPanel列表复选框不能随意多选的问题
{竹子}
03-28 535
问题 今天碰到这样一个急手的问题：用这个Ext.grid.EditorGridPanel不能随意多选，而且点击复选框没有反应。 我用的版本是3.4 解决 重写CheckboxSelectionModel中的handleMouseDown 方法： Ext.override(Ext.grid.CheckboxSelectionModel, { handleMouseDown : function(g, rowIndex, e){ if(e.button !== 0 || th
Extjs控件EditorGridPanel中使用自定义的editor
davidxj的专栏
12-12 7312
点击EditorGridPanel中的某一列时，需要根据点击的那一行的其它列的数据进行判断，出现何种表单控件。 例如： 头像类型       头像ID xxx                   yyy 点击yyy时需要根据头像类型选择的值进行判断，是出现combox控件还是textfield控件。   解决方案：使用Extjs预留的getCellEditor进行扩展。 部分代码
Ext.grid.EditorGridPanel
性别男、爱好女
11-12 1210
<br />1.界面修改(css style)：<br />Extjs中界面风格与我们产品本身的风格有很大不同，从边框、选中行的颜色到鼠标移动到的行的颜色、菜单等，几乎都不同。Extjs对这些样式的设置都是由css完成的。如：<br />选中行的颜色就可用如下设置完成：<br />.x-grid3-row-selected{background:#c6e2ff!important;}<br />其他的都类似，只要找到对应的class,然后设置要修改的部分即可。<br /><br />2.属性的作用(Abou
ExtJs学习笔记——Ext.grid.EditorGridPanel的使用
漏气的可乐的博客
08-15 642
ExtJs学习笔记——Ext.grid.EditorGridPanel的使用 可编辑表格是指可以直接在表格的数据进行编辑，ExtJS的可编辑表格由Ext.grid.EditorGridPanel表示，xtype为editorgrid。使用EditorGridPanel与使用普通的GridPanel方式一样，区别只是在定义列信息的时候，可以指定某一类使用的编辑即可，下面看一个完整的示例。 <!...
ExtJS之EditorGridPanel
zccst的专栏
12-28 307
作者：zccst 之前大多用Ext.grid.GridPanel，现在需要可编辑功能，发现比以前稍复杂一些。 就是需要对指定列进行可编辑设置，并获取编辑后的值，存入数据库。 1，对指定列进行可编辑设置 比如下拉菜单、日历等。 2，获取编辑后的值 可使用afteredit事件，并用panel的on()方法监听。 当然也有beforeedit事件。 不过，也可以直接在可编辑...
关于Ext中EditorGridPanel数据校验
scnu_lts的专栏
04-16 480
        用了2年的Ext 渐渐对Ext熟络起来，经常去看下源码，自己瞎琢磨些功能，最近做了个EditorGridPanel数据校验，原理不难，不过绝对原创，有点意思，发下和大家分享~   原理：通过EditorGridPanel中ColumnModel中的editor绑定的控件，利用控件自身的校验达到对EditorGridPanel列的校验，目前想到的校验如空，非法值啥的可以配置到E...
ext.grid.editorGridPanel样式自定义
最新发布
06-08
要自定义`Ext.grid.EditorGridPanel`的样式，可以使用CSS。以下是一些常见的样式类： - `x-grid3`：网格面板的基础样式类。 - `x-grid3-header`：网格头部单元格的样式类。 - `x-grid3-row`：网格行的样式类。 - `x...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值