1,Extjs在前台修改GridPanel中记录后无刷新提交到后台,保存至数据库。
引入<%String path = request.getContextPath();%>
<script type="text/javascript" src="<%=path%>/ext-3.2/examples/ux/RowEditor.js"></script>
<link rel="stylesheet" type="text/css" href="<%=path%>/ext-3.2/examples/ux/css/RowEditor.css"/>
var editor = new Ext.ux.grid.RowEditor();
editor.on({
scope: this,
afteredit: function(roweditor, changes, record, rowIndex) { //编辑某行
Ext.Ajax.request({
url : '<%=path%>/myAction!updateData.ilf',
method: 'post',
params: {thresholdUp:changes['thresholdUp'],thresholdDown:changes['thresholdDown'],id:record['id']},
success: function() {dosth....//可重新加载数据}
});
}
});
var aGrid = new Ext.grid.GridPanel({
id:'aGridId',
plugins: [editor],
store: dataStore,
cm: cmA,
sm: smgroup,
});
var cmA = new Ext.grid.ColumnModel([
smgroup,
{header:'地市' ,dataIndex:'cityName'},
{header:'性能指标' ,dataIndex:'performanceParamName' },
{header:'性能下限门限值' ,dataIndex:'thresholdDown' ,editor: new Ext.form.NumberField()},
{header:'性能上限门限值' ,dataIndex:'thresholdUp' ,editor: new Ext.form.TextField()}]);
2,进行Extjs开发,小数点前面0不显示。
在页面上编辑小数时,如果为类似 0.1的值,最后提交后在前台显示时是 .1,自动去掉了0。
实际上是从数据库中取出来,转为json前就是 .1了,因为在oracle中对应该字段是number类型,而java中是string类型,现在hibernate中改为<property name="thresholdDown" column="threshold_down" type="big_decimal"/>
对象中改为java.math.BigDecimal,在前台显示正常。因此还是要注意,数据表中字段什么类型,hibernate中尽量是什么类型。
3,对于前台输入,页面上限制输入,只要求是数字,用Ext.form.NumberField。
4,GridPanel中:
var rows = Ext.getCmp('aGridId').getSelectionModel().getSelections();
和var rows = aGrid.getSelectionModel().getSelections();意思相同。
alert(rows[i].data.id);
和alert(rows[i].get('id'));意思相同
5,1》hibernate删除多条记录的一个方法(extjs开发时也用到了):
String ids = object.getIds();
if(AppUtil.isNotNull(ids)){
String int_ids[] = ids.split(",");
List list = new ArrayList();
for (String int_id : int_ids) {
RmsPerThresEarlyalarmKpi obj = new RmsPerThresEarlyalarmKpi();
obj.setId(Integer.valueOf(int_id));
list.add(obj);
}
getHibernateTemplate().deleteAll(list);
}
2》no persistent classes found for query class错误:hibernate中是否有对应的类,及对应的hbm文件
6,Ext.tree.TreePanel多级显示是否有叶子显示。loader加载时返回的json中leaf:true是叶子。
7,Ext.ComponentMgr.all.each(function(r){alert(r.id)}); 把所有的组件的id打出来
TextField:fieldLabel:标签名称。 labelWidth:标签宽度。
8,页面显示为table页形式
//先设置一个TabPanel,renderTo: 'main'指向
<body >
<div id='form'></div>
<div id='main'></div>
</body>
//在js中
var gridpanel= new Ext.Panel({
title: '查询信息',
collapsible: true,
collapsed: false,
items:[grid]
});
var tabs = new Ext.TabPanel({
height:400,
title: '设定',
collapsible: true,
collapsed: false,
renderTo: 'main'
});
tabs.add({id: Ext.id(), title:'列表',items:[gridpanel]});
tabs.activate(0);//默认显示第一个tab标签
9,两个char类型的用==比较就行,比较的是值。
String ids = "aa,";
ids.charAt(ids.length()-1)==','
-----------
if(ids.lastIndexOf(",")==ids.length()-1)
10,如果提示信息出不来,需加上Ext.QuickTips.init(); 在 Ext.onReady(function(){后面
分享到:
相关推荐
文档中还包含了对ExtJS文档的引用,如“***”,这可能是指向ExtJS的学习资源或是社区讨论的地方,通常学习者和开发者会在这些地方寻找教程、示例代码或解决开发中遇到的问题。 最后,内容还包含了ExtJS框架的授权...
为了更好地利用Extjs进行开发,本文将详细介绍如何在Spket IDE中配置Extjs开发环境,使得开发者能够享受到强大的代码提示与调试支持,提高开发效率。 #### 二、准备工作 在开始配置前,请确保以下条件已满足: 1. ...
ExtJS 5.0 是一个强大的JavaScript框架,用于构建企业级的富客户端应用程序。...本教程旨在帮助初学者掌握ExtJS 5.0,并通过实战开发信息...同时,不断查阅相关文档和社区资源,解决遇到的问题,持续提升自己的技术水平。
在EXTJS开发中,我们经常会遇到使用Grid组件展示数据的情况,特别是当数据包含中文字符时,可能会遇到排序问题。EXTJS Grid默认的排序机制对于英文字符处理得较好,但对于中文字符,由于编码和比较规则的不同,可能...
4. **参与社区讨论**:加入ExtJS的社区论坛或社交媒体群组,与其他开发者交流心得,解决遇到的问题。 总之,ExtJS是一个功能强大且易用的前端框架,适合于构建复杂的Web应用程序。通过深入学习和实践,开发者可以...
### Extjs之Eclipse及spket的开发...通过以上步骤,您可以成功搭建起一套完整的Extjs开发环境,并且利用Eclipse和spket插件大大提高您的开发效率。同时,借助这些社区资源,您将能够在遇到问题时获得及时的帮助和支持。
总之,理解和正确使用Ajax同步与异步是ExtJS开发中的重要技能。遇到问题时,应首先检查配置,然后关注服务器响应和回调处理,最后考虑优化请求策略以提高用户体验。对于具体的解决方案,建议查看博客链接中的内容,...
ExtJS是一个用于创建富客户端Web应用程序的前端JavaScript框架,特别适用于开发RIA(Rich Internet Applications)或AJAX应用。ExtJS利用AJAX技术与服务器端进行数据交换,而无需重新加载页面即可更新用户界面。它与...
使用这些资源进行ExtJS开发,开发者首先需要安装WebStorm IDE,然后导入或创建新的ExtJS项目。在WebStorm中,可以利用其内置的代码编辑器特性,如自动完成和实时错误检查,来编写和调试JavaScript代码。同时,...
作者从准备工作讲起,到环境配置、目录结构、文件分离,再到框架搭建,每个环节都详细记录了其开发经验和遇到的问题。通过这些内容,我们可以了解到Extjs4框架在开发富互联网应用程序中的应用,并且学习如何有效地...
10. **文档和支持**:ExtJS社区提供了详尽的文档和论坛支持,遇到问题时可以查阅官方文档或向社区求助,以解决在使用设计器过程中遇到的任何问题。 总的来说,ExtJS界面设计器是ExtJS开发者的强大辅助工具,它通过...
在Python Django项目开发中使用Extjs时,开发者们可能会遇到各种各样的小错误或者问题。下面将详细地讨论其中的一些问题以及解决方法,涉及知识点包括Python Django框架、前端库Extjs以及一些常见的编程问题。 1. ...
"spket插件extjs3包"就是为了解决这个问题而设计的。 **SPket插件** SPket是一款针对Eclipse的JavaScript开发插件,它提供了丰富的代码补全、语法高亮、错误检查和格式化等功能,大大增强了Eclipse对JavaScript...
深入理解EXTJS的源码可以帮助开发者更高效地利用这个框架,优化性能,解决在实际开发中遇到的问题,甚至进行二次开发或扩展。 在"工具"标签下,我们可以推断这篇博客可能讨论了EXTJS的开发工具、调试技巧或者是使用...
这种教学方法旨在使学习者不仅能够完成基础的EXTJS应用开发,而且能够在遇到新的问题时,具备独立查阅资料和解决问题的能力。 此外,教程还提到了Web程序的发展历程,从传统的服务器端模式,如CGI,到基于客户端的...
### ExtJS中文解决方案与...通过以上介绍,我们可以了解到如何在Eclipse环境中搭建完整的JavaScript和ExtJS开发环境,并解决中文环境下可能遇到的一些常见问题。这对于从事Web前端开发工作的人员来说是非常有用的。
在使用ExtJS插件进行开发时,你可能会遇到的问题包括但不限于代码高亮、错误检测、自动完成不准确等。解决这些问题通常涉及调整插件设置、更新插件到最新版本或寻找社区支持。记住,Eclipse社区和ExtJS社区都非常...
在EXTJS开发中,TreePanel是用于展示层级结构数据的组件,它经常被用来构建文件系统或者组织结构等。在处理TreePanel时,我们可能会遇到一个常见问题:当尝试使用MultiSelectionModel(多选模型)重置选中的节点时,...
EXTJS的组件系统是其核心,通过源码分析,开发者可以理解如何自定义组件,优化性能,以及解决在实际开发中遇到的问题。 在开发实例部分,可能会涵盖EXTJS的各种组件如窗口(Window)、面板(Panel)、表单(Form)...
`sdk.jsb3` 文件是Sencha SDK Tools的一部分,它在ExtJS开发过程中扮演着重要的角色。 在ExtJS 4.1的构建过程中,`sdk.jsb3` 文件是关键的配置文件,它包含了关于项目源代码的结构信息,以及类依赖关系和路径设置。...