`
yjzagan2003
  • 浏览: 37113 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Extjs开发遇到的问题之三

阅读更多

   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(){后面

 

 

 

0
0
分享到:
评论

相关推荐

    ExtJS实用开发指南.pdf

    文档中还包含了对ExtJS文档的引用,如“***”,这可能是指向ExtJS的学习资源或是社区讨论的地方,通常学习者和开发者会在这些地方寻找教程、示例代码或解决开发中遇到的问题。 最后,内容还包含了ExtJS框架的授权...

    搭建利用Extjs库开发的环境

    为了更好地利用Extjs进行开发,本文将详细介绍如何在Spket IDE中配置Extjs开发环境,使得开发者能够享受到强大的代码提示与调试支持,提高开发效率。 #### 二、准备工作 在开始配置前,请确保以下条件已满足: 1. ...

    Extjs5.0从入门到实战开发信息管理系统

    ExtJS 5.0 是一个强大的JavaScript框架,用于构建企业级的富客户端应用程序。...本教程旨在帮助初学者掌握ExtJS 5.0,并通过实战开发信息...同时,不断查阅相关文档和社区资源,解决遇到的问题,持续提升自己的技术水平。

    Extjs grid 中文排序问题修正

    在EXTJS开发中,我们经常会遇到使用Grid组件展示数据的情况,特别是当数据包含中文字符时,可能会遇到排序问题。EXTJS Grid默认的排序机制对于英文字符处理得较好,但对于中文字符,由于编码和比较规则的不同,可能...

    ExtJS Web应用程序开发指南(第2版).pdf 高清下载

    4. **参与社区讨论**:加入ExtJS的社区论坛或社交媒体群组,与其他开发者交流心得,解决遇到的问题。 总之,ExtJS是一个功能强大且易用的前端框架,适合于构建复杂的Web应用程序。通过深入学习和实践,开发者可以...

    Extjs之Eclipse及spket的开发环境的搭建

    ### Extjs之Eclipse及spket的开发...通过以上步骤,您可以成功搭建起一套完整的Extjs开发环境,并且利用Eclipse和spket插件大大提高您的开发效率。同时,借助这些社区资源,您将能够在遇到问题时获得及时的帮助和支持。

    ExtJs Ajax 同步问题

    总之,理解和正确使用Ajax同步与异步是ExtJS开发中的重要技能。遇到问题时,应首先检查配置,然后关注服务器响应和回调处理,最后考虑优化请求策略以提高用户体验。对于具体的解决方案,建议查看博客链接中的内容,...

    ExtJS实用开发指南

    ExtJS是一个用于创建富客户端Web应用程序的前端JavaScript框架,特别适用于开发RIA(Rich Internet Applications)或AJAX应用。ExtJS利用AJAX技术与服务器端进行数据交换,而无需重新加载页面即可更新用户界面。它与...

    extjs javascript 开发工具 1

    使用这些资源进行ExtJS开发,开发者首先需要安装WebStorm IDE,然后导入或创建新的ExtJS项目。在WebStorm中,可以利用其内置的代码编辑器特性,如自动完成和实时错误检查,来编写和调试JavaScript代码。同时,...

    Extjs4开发笔记(收集整理).pdf

    作者从准备工作讲起,到环境配置、目录结构、文件分离,再到框架搭建,每个环节都详细记录了其开发经验和遇到的问题。通过这些内容,我们可以了解到Extjs4框架在开发富互联网应用程序中的应用,并且学习如何有效地...

    ExtJS 界面设计器

    10. **文档和支持**:ExtJS社区提供了详尽的文档和论坛支持,遇到问题时可以查阅官方文档或向社区求助,以解决在使用设计器过程中遇到的任何问题。 总的来说,ExtJS界面设计器是ExtJS开发者的强大辅助工具,它通过...

    Python django Extjs 项目开发中的错误小记

    在Python Django项目开发中使用Extjs时,开发者们可能会遇到各种各样的小错误或者问题。下面将详细地讨论其中的一些问题以及解决方法,涉及知识点包括Python Django框架、前端库Extjs以及一些常见的编程问题。 1. ...

    spket插件extjs3包

    "spket插件extjs3包"就是为了解决这个问题而设计的。 **SPket插件** SPket是一款针对Eclipse的JavaScript开发插件,它提供了丰富的代码补全、语法高亮、错误检查和格式化等功能,大大增强了Eclipse对JavaScript...

    EXTJS

    深入理解EXTJS的源码可以帮助开发者更高效地利用这个框架,优化性能,解决在实际开发中遇到的问题,甚至进行二次开发或扩展。 在"工具"标签下,我们可以推断这篇博客可能讨论了EXTJS的开发工具、调试技巧或者是使用...

    EXTJS视频教程说明

    这种教学方法旨在使学习者不仅能够完成基础的EXTJS应用开发,而且能够在遇到新的问题时,具备独立查阅资料和解决问题的能力。 此外,教程还提到了Web程序的发展历程,从传统的服务器端模式,如CGI,到基于客户端的...

    extjs中文解决方案/Eclipse下的js和ext开发

    ### ExtJS中文解决方案与...通过以上介绍,我们可以了解到如何在Eclipse环境中搭建完整的JavaScript和ExtJS开发环境,并解决中文环境下可能遇到的一些常见问题。这对于从事Web前端开发工作的人员来说是非常有用的。

    eclipse安装extjs插件

    在使用ExtJS插件进行开发时,你可能会遇到的问题包括但不限于代码高亮、错误检测、自动完成不准确等。解决这些问题通常涉及调整插件设置、更新插件到最新版本或寻找社区支持。记住,Eclipse社区和ExtJS社区都非常...

    Extjs开发之对于TreePanel的MultiSelectionModel重置不起作用

    在EXTJS开发中,TreePanel是用于展示层级结构数据的组件,它经常被用来构建文件系统或者组织结构等。在处理TreePanel时,我们可能会遇到一个常见问题:当尝试使用MultiSelectionModel(多选模型)重置选中的节点时,...

    EXTJS源码分析与开发实例宝典-开发的效果图.rar

    EXTJS的组件系统是其核心,通过源码分析,开发者可以理解如何自定义组件,优化性能,以及解决在实际开发中遇到的问题。 在开发实例部分,可能会涵盖EXTJS的各种组件如窗口(Window)、面板(Panel)、表单(Form)...

    Extjs4.1(修改后的sdk.jsb3)

    `sdk.jsb3` 文件是Sencha SDK Tools的一部分,它在ExtJS开发过程中扮演着重要的角色。 在ExtJS 4.1的构建过程中,`sdk.jsb3` 文件是关键的配置文件,它包含了关于项目源代码的结构信息,以及类依赖关系和路径设置。...

Global site tag (gtag.js) - Google Analytics