- 浏览: 199013 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (49)
- Hibernate 单向多对一 (1)
- hiberntae 单向一对多 (0)
- Hiberntae 双向一对多 (1)
- Hibernate 单向一对多 (1)
- Hibernate 外键一对一 (1)
- Hibernate 多对多 (1)
- Hibernate annotation (1)
- maven 配置Hibernate (1)
- java与maven的环境变量配置 (1)
- 我自己日常使用的工具类 (1)
- maven实战的pdf (1)
- maven 资料 (1)
- oracle的一些资料 (0)
- excel模板的src (0)
- vss 的学习 (0)
- sql 自己的一些语句 (0)
- 扎感1122 (0)
- 运行 vb6.0 vss 出现 um.dat may be corrupt 的解决方法 (0)
- maven ear template (0)
- java 设计模式 (1)
- java design (0)
- ejb3 学习 (0)
- 人生感想 (0)
- jpa的工程 (1)
- was 7.0 startup cmd (0)
- myeclipse download (0)
- java 遍历文件夹 (0)
- 比较俩个文件夹 (0)
- 并删除指定的文件 (0)
- jQuery基础教程下载地址 (0)
- eclipse plugin (0)
- jquery的学习 (0)
- pom 设置outputDirectory (1)
- maven-antrun-plugin (1)
- maven-resources-plugin (1)
- aspectj的学习 (0)
- Thread 并发的测试 (0)
- html (0)
- jfreechart 中文乱码 (1)
- jfreechart (0)
- java keytool (0)
- xhtml (0)
- maven buildnumber (0)
- xss (0)
- FilterValueHelper (0)
- 获取request的参数 (1)
- previous url (0)
- 动态update sql (1)
- xss danger word (0)
- noted (0)
- eclipse uml (0)
- xss list (0)
- xss check (0)
- js create ul li (0)
- css (0)
- java (0)
- xhtml example (0)
- menu (0)
- css 树 (0)
- hadoop (0)
- css tree (0)
- css 垂直导航栏 (0)
- css 垂直翻转的列表 (0)
- css 创建水平导航条 (0)
- css 菜单 (0)
- xml bean的使用 (0)
- dom4j xml (0)
- css menu但是不完善 (0)
- css 比较差的menu (0)
- 没完善的窗口关闭 (0)
- logout (0)
- swing source (0)
- css 简单 menu (0)
- swing 工程 (0)
- css 模板网 (0)
- css 菜单模板网 (0)
- 小菜单 (0)
- swing login demo (0)
- swing 菜单 (0)
- FileUtil (1)
- vss cmd line (0)
- ant (0)
- html table (0)
- java 获取ie language的值 (0)
- 艾古互动 (0)
- web (0)
- 我的艾古互动 (0)
- display tag (0)
- login html (0)
- javascript(获取或设置html元素的宽 (0)
- 高 (0)
- 坐标) (0)
- 项目5:画飘香.zip (0)
- 项目经验总结 (0)
- 第三章 (0)
- 溢出文本显示省略号的详细方法 (0)
- 刘德华 真我的风采 (0)
- 喜羊羊与灰太狼之给快乐加油 (0)
- css 虚线 (0)
- freemarker的例子 (1)
- js (0)
- javascript 创建右键菜单 (0)
- StringUtil (1)
- PatternUtil (0)
- 模拟FreeMarket的process (0)
- oracle 查看进程 (0)
- 二级菜单 (0)
- css 弹出窗口 (0)
- linux shell sftp (0)
- linux sheel (0)
- BeanRefUtil (0)
- GenericsUtils (0)
- linux command (0)
- a good source program (0)
- 一个策略模式的应用 (0)
- cache (1)
- html dl dt dd的试验 (0)
- sencha (0)
- java gzip 配置 (0)
- sencha 的Panel例子 (0)
- senca的form的例子 (0)
- 使用json的Seche Touch Form的例子 (0)
- sencha touch 的一个弹出窗口的例子 (0)
- 圆角div (0)
- Sencha Touch Panel 调用其它页面 (0)
- div 隐藏select overlay (0)
- jquery overlay use div button (0)
- sencha touch (0)
- Disable Right-click (0)
- multiple select option (0)
- jquery (0)
- 纯CSS实现圆角、可拖动的一个DIV弹出层 (0)
- 弹出div的内容 (0)
- pretty (0)
- 弹出圆角div的例子 (0)
- jstl (0)
- css 教程 url (0)
- oracle data function (0)
- clear bat (1)
- sencha touch overlay (0)
- 年会 (0)
- javascript动态添加tr节点 (0)
- 笔记本发出无线信号 (0)
- sencha touch bug (0)
- sencha touch overlay 测试 (0)
- music (0)
- Araxis Merge 下载 (0)
- oracle resource (1)
- js 闭包 (0)
- JS学习 (0)
- prettyPhoto bug (0)
- 制作图库 (0)
- oracle case 语句 (0)
- photo (0)
- poi (0)
- button link style in member site (0)
- js pop winodw (0)
- java 时区 (0)
- java 正则表达式的例子 (0)
- java mail (0)
- photos (0)
- as400 命令 (0)
- as400 CL example (0)
- html table 小技巧 (0)
- java dbcp 测试与配置 (0)
- frameset的使用 (0)
- java split (0)
- java 10%的概率 (0)
- java set 过滤 重复对象 (1)
- 浪潮之巅 (0)
- 交通规矩 (0)
- java web download file (0)
- java get websphere envoriment (0)
- java servlet download (0)
- show file (0)
- html 页面传值 (0)
- jmeter (0)
- html5 canvas rose (0)
- flash 爱的宣言 (0)
- Adobe Captivate 3 (0)
- jmeter 保持session的例子 (0)
- 旅游 (0)
- maven antrun plugin (0)
- maven Repository (0)
- oracle sqlj jdk problem (0)
- oracle sqlj error (0)
- oracle (0)
- maven 2.0.7 (0)
- oracle 版本 (0)
- java 验证Ip和域名 (0)
- FB lock (0)
- qq 密码 (0)
- div (0)
- 忘记心中情 (0)
- 忘尽心中情 (0)
- jsp 禁用缓存 (0)
- 3 points (0)
- java auth (0)
- C3 P0 datasource (0)
- dbcp datasource (0)
- paros-3.2.13 (0)
- java 转换 IE JESSIONID (0)
- 金曲情牽半世紀演唱會 (0)
- apache ecs (0)
- test html (0)
- IETester (0)
- xss attack (0)
- java 面试 (0)
- java反射工具类 (0)
- aaaaa (0)
- JavaScript 提升运行速度之循环篇 译文 (0)
- javascript Array 遍历优化 (0)
- javascript 代码优化 (0)
- js动态添加与删除ul中的li (0)
- jdbc preparedstatement inserrt into select (0)
- 电话号码 (0)
- 办理结婚手续 (0)
- 让DIV块在页面的某个位置固定 (0)
- endoing error (0)
- java filter space coding (0)
- javascript auto to move next tab (0)
- 各种颜色之RGB值 (0)
- javascript document.write (0)
- 激励 (0)
- java static 并发 (0)
- common js (0)
- was 的虚拟目录 (0)
- oracle dbcp config (0)
- check session timeout (0)
- Http学习之使用HttpURLConnection发送post和get请求 . (0)
- 一个chm (0)
- pdf电子书分享平台 (0)
- js print 去除页头页脚 (0)
- js print 去除url (0)
- head (0)
- 页头页脚 (0)
- js 打印去掉页头页脚 (0)
- xss input 应该过滤的word (0)
- Websphere applican server 的 JNDI的调用 (0)
- oracel 数据库连接数过大 (0)
- java 内部类 (0)
- javascript (0)
- java 发送短信 (0)
- js 验证 (0)
- 关闭弹出窗口 (0)
- DatabaseMetaData的应用 (0)
- table的使用 (0)
- tomcat 内存配置 (0)
- windows (0)
- xss 检查工具类 (0)
- oracle DataConvert (0)
- 一品威客 (0)
- mysql (0)
- ibatis in (0)
- js String 添加与删除一个元素 (0)
- sql 动态update (0)
- flexviewer (0)
- ie 离开页面提示 (0)
- flex 获取url (0)
- struts2 后台获取错误信息 (0)
- flex (0)
- oracle 树查询 (0)
- js 定时器 (0)
- sql server (0)
最新评论
-
songyubo:
AnnexXML ?
InputStream转换为File -
li370036149:
3q
maven实战的pdf
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = 'images/s.gif';
Ext.QuickTips.init();
var genres = new Ext.data.SimpleStore({
fields: ['id', 'genre'],
data : [['1','Comedy'],['2','Drama'],['3','Action']]
});
function genre_name(val){
return genres.queryBy(function(rec){
return rec.data.id == val;
}).itemAt(0).data.genre;
}
function title_img(val, x, store){
return '<img src="images/'+store.data.coverthumb+'" width="50" height="68" align="left">'+
'<b style="font-size: 13px;">'+val+'</b><br>'+
'Director:<i> '+store.data.director+'</i><br>'+
store.data.tagline;
}
var store = new Ext.data.Store({
url: 'movies.json',
reader: new Ext.data.JsonReader({
root:'rows',
id:'id'
}, [
'id',
'coverthumb',
'title',
'director',
{name: 'released', type: 'date', dateFormat: 'Y-m-d'},
'genre',
'tagline',
{name: 'price', type: 'float'},
{name: 'available', type: 'bool'}
]),
pruneModifiedRecords:true
});
store.load();
var title_edit=new Ext.form.TextField();
var director_edit=new Ext.form.TextField();
var tagline_edit=new Ext.form.TextField({
maxLength:45
});
var release_edit=new Ext.form.DateField({
format:"m/d/Y"
});
var genre_edit=new Ext.form.ComboBox({
typeAhead:true,
triggerAction:"all",
mode:"local",
store:genres,
displayField:'genre',
valueField:"id"
});
var grid = new Ext.grid.EditorGridPanel({
renderTo: Ext.getBody(),
stripeRows:true,
frame:true,
title: 'Movie Database',
height:600,
width:850,
store: store,
clicksToEdit:1,
autoExpandColumn: 'title',
sm:new Ext.grid.RowSelectionModel({
singleSelect:true
}),
columns: [
{header: "Title", dataIndex: 'title', renderer: title_img, id: 'title', sortable: true,editor:title_edit},
{header: "Director", dataIndex: 'director', hidden: false,editor:director_edit},
{header: "Released", dataIndex: 'released', sortable: true,
renderer: Ext.util.Format.dateRenderer('m/d/Y'),editor:release_edit},
{header: "Genre", dataIndex: 'genre', renderer: genre_name, sortable: true,editor:genre_edit},
{header: "Tagline", dataIndex: 'tagline', hidden: false,editor:tagline_edit},
{header: "Price", dataIndex: 'price', renderer: 'usMoney', sortable: true,id:"price"},
{header:"available",dataIndex:"available"}
],
listeners:{
afteredit:function(e){
if(e.field == "director" && e.value =="Mel Gibson"){
Ext.Msg.alert("Eror","Mel Gibson movies not allowed");
e.record.reject(); //拒绝修改
}else{
// e.record.commit(); //提交修改
}
}
},
/*
sm:new Ext.grid.RowSelectionModel({
singleSelect:true,
listeners:{
"rowselect":function(sm,index,record){
Ext.Msg.alert("You Selected",record.data.title);
}
}
}),*/
tbar:[{
text:"Remove Movie",
icon:"images/table_delete.png",
cls:"x-btn-text-icon",
handler:function(btn,e){
var sm=grid.getSelectionModel();
var sel=sm.getSelected();
if(sm.hasSelection()){
Ext.Msg.show({
title:"Remove Movie",
buttons:Ext.MessageBox.YESNOCANCEL,
msg:'Remove '+sel.data.title+'?',
fn:function(btn){
if(btn=="yes"){
grid.getStore().remove(sel);
}
}
});
}
}
}]
});
});
相关推荐
3. 创建EditorGridPanel:传入Store和列模型,设置其他必要配置,如标题、高度等。 4. 添加事件监听:根据业务需求,添加编辑前、编辑后等事件的监听函数,处理数据保存、验证等逻辑。 五、示例代码 ```javascript ...
NULL 博文链接:https://zxf-noimp.iteye.com/blog/629629
1. **固定单元格宽度**:在配置EditorGridPanel时,为每一列设置固定的宽度,防止编辑时宽度变化。 2. **禁用滚动条自动调整**:可以监听编辑事件,当开始编辑时,临时禁用grid的滚动条自动调整功能,结束编辑后恢复...
在EXTJS中,EditorGridPanel是一种可编辑的表格组件,它允许用户直接在表格单元格内编辑数据。然而,当在EditorGridPanel中嵌入ComboBox(下拉选择框)作为编辑器时,可能会遇到一个问题,即ComboBox显示的不是其...
因为项目的需求,实现一个可以编辑的tree,在网上找了一个牛人写的控件.Ext.ux.maximgb.tg.EditorGridPanel 把源码下载下来以后 不能运行,自己根据给出的列子,另写了一个小程序.不过并没有与数据库交互.
右键菜单的资料,代码已经详细描写。请仿照文件中所描述即可使用,不限于EXT4.0以上版本使用。
- **描述**:当设置为`true`时,表格将会每隔一行使用不同的背景颜色以增强视觉对比度。默认情况下,该属性为`false`。 5. **cm/colModel** - **描述**:`cm`和`colModel`均用于指定表格的列模型(`ColumnModel`...
例如,你可以创建一个XMLReader实例,设置其root、record和fields属性,以便正确解析XML文档。 以下是一个简单的示例,展示了如何使用EXT JS从XML数据中创建一个可编辑的Grid: ```javascript // 创建XMLReader ...
在描述中提到的`Ext.grid.EditorGridPanel`,是用于创建可编辑的表格面板,它继承自`GridPanel`。通过在列配置中指定`editor`属性,我们可以为每个单元格添加编辑器,例如`TextField`、`ComboBox`等,使得用户可以...
5. 数据被加载到EditorGridPanel,可以设置编辑器以允许用户进一步修改。 ### 直接使用JavaScript 导出 除了服务器端处理,也有一些库如`js-导出到excel.rar`、`grid2excel.rar`,它们提供了纯JavaScript 方案,不...
然后,我们需要定义ComboBox Tree的配置项,例如`store`用于设置数据源,`displayField`用于显示节点的文本,`valueField`用于保存选中节点的值,以及`queryMode`通常设置为`local`,因为数据已经在本地。...
感谢 Ericzhen 远离颠倒梦想,蕴籍无上清凉 这里引用它的资源 仅作分享 http://www.cnblogs.com/Ericzhen/archive/2012/06/11/2545186.html
1.界面修改(css style): Extjs中界面风格与我们产品本身的风格有很大不同,从边框、选中行的颜色到鼠标移动到的... GroupingView, EditorGridPanel): Extjs的grid功能强大,如排序、隐藏列或移动列等,这些都有一些属
在EXTJS中,GridPanel是一种常用的组件,用于展示表格数据。在实际应用中,我们经常需要在GridPanel底部显示一行“合计”行,以便对某一列或多列的数据进行求和或其他统计操作。这篇博文“给Extjs的GridPanel增加...
sm: sm, width: 200, height: 200, title: '举例', renderTo: Ext.get("testdiv") }); ``` #### 五、增删改查具体实现 1. **查询**: - 当点击按钮触发事件时,可以通过以下方式实现查询: ```javascript ...
因为前段时间有两个专案要用到extjs技术,所以自己学了一段...grid,tree,显示树信息的TreePanel、用于显示表格的GridPanel及EditorGridPanel,还有代表应用程序窗口的Ext.Window,与数据库交付,希望对初学者带来帮助
这包括设置`groupField`属性以及适配数据加载和更新的方式。以下是修改后的代码: ```javascript Ext.ux.grid.GroupPropertyStore = function(grid, source) { this.grid = grid; this.store = new Ext.data....