`
vicksong
  • 浏览: 14178 次
  • 来自: ...
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

秀下用EXTJS做的界面,顺便请教几个问题

阅读更多
请参阅以下界面,欢迎指教。
有以下问题:
1:Grid的刷新:我用grid.getView().refresh()不起作用,如在Data list中用某一个字段做了查询后,我想在用户选择 Page Locate后,将grid的数据重新装载下,目前没办法的情况下用的 submit,谁有可以实现grid数据刷新的代码呀?
2:函数作用域的问题:
比如在insert界面中,有一个输入框,我用var aaaobj = new Ext.form.TextField({id:'aaa',.....});如果我想写一个
aaaobj.on('blur',test1),那么这个test1函数就一定要写在 Ext.onReady(function(){.....})中间,而在insert界面中,最下一行button是自己用table html写出来的,而button的onClick假定为test2事件,这样那个test2就不能写入Ext.onReady(function(){.....})中间了,否则说找不到函数,但是,如果用<script language=Javascript>function test2(){......}</script>这样写的话,函数可以执行,但在这个函数就不能使用上面定义的aaaobj这个对象了,只能使用Ext.get('aaa').dom这样,但这种方式取的对象只能取值,不能使用Ext中定义的一些方法或属性。
3:自定义属性的问题。
比如,我在初始一个输入框时,var aaaobj = new Ext.form.TextField({id:'aaa',.....});我定义了aaaobj的一个属性比如叫testp,值为testpv,那么我只要直接加入 testp:'testpv',就行了,但是,我只能使用aaaobj.testp才能返回这个属性值,而不能使用Ext.get('aaa').testp了,其实如果能解决第二个问题,让自定义的函数也能写入Ext.onReady(function(){.....})中间,那这个问题也就无所谓了,我就直接使用对象了,而不去用Ext.get('')了,但如果第二个问题没办法解决,谁有办法可以自定义对象的属性并加以调用呢?
分享到:
评论
7 楼 vicksong 2008-05-26  
天呀,grid就是不刷新数据......
使用过 grid.getView().refresh(); 也使用过 grid.getStore().reload() ;还使用过 ds.load(....);
谁能告诉我为什么?
6 楼 vicksong 2008-05-24  
dboylx 写道
1,grid.getStore(). reload([Object options])
2,aaaobj.on('blur',test1)
  a,test1放在全局作用域下,可以访问。但如果是一个独有方法的话,写个“匿名”方法也可以。
  b,test1方法的第一个参数会传处发对象的当前实例。可以用它进行引用。
  c,您也可以参考on( String eventName, Function fn, [Object scope], [Object options] ) 方法,还指定运行时的作用域,来达到test1方法具体运行时的作用域。
3,我理解您这儿应该是自定义属性而非自定义组件吧,这样的话通过公开API是访问不到的。但您如果非要访问的话,可以通过引用对象实例的initialConfig来访问您自定义属性。但并不建议真的这样去做。这样做,您的业务,或您的其它组件就已经被EXT当前版本强侵入。并不是一件好事情。

测试过老兄说的方法,还是存在一定的问题,第一个,我不清楚我这里为什么grid就是不刷新。致于第二和第三个问题,我贴一段代码举例说一下:
<%@ page contentType="text/html;charset=GBK" %>
<%@ page language="java"%>
<%@ include file="../../includes/public.jsp" %>
<%
String functioncode="FUNCTIONUNITS";
%>
<HTML>
<HEAD>
<TITLE><%=Consts.titletxt%></TITLE>
<base target="_self">
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<%out.print(util.GetJscss());%>
<script language="javascript">
Ext.onReady(function(){
<%=ui.GetDllFormDs(functioncode)%>
<%=ui.GetInsertForm2Column(functioncode,"Create New FunctionUnit")%>
<%=ui.GetDllFormOpt(functioncode)%>
function kkk(){
alert(functionnameobj.hcolumn);
}
});
function save(){
var s = Ext.getBody();
alert(Ext.get('functionname').initialConfig.height);
s.mask('Saveing...','');
}
</script>
</HEAD>
<BODY scroll="no">
<div id='optdiv' class="x-toolbar"></div>
<%
String[] buttons={"Save","Reset","Close"};
String[] clicks={"save()","resetf()","closeself()"};
out.print(ui.GetButtons(buttons,clicks));
%>
</HTML>


在上面的代码中,hcolumn是我对每一个在后台初始化的对象自定义的一个属性,kkk方法是后台有一个
var functionnameobj = new Ext.form.TextField(id:'functionname',);定义的一个blur方法.
save方法就是下在buttons数组中save的方法了.现在的问题是:
如果将save()方法移到红色的});内面写,系统报找不到方法,如果放在});外面写,蓝色访问自定义属性的那段代码又出错,kkk方法中访问hcolumn自定义的属性没问题。
有谁能解决这个问题,请多多指教......
5 楼 dboylx 2008-05-24  
1,grid.getStore(). reload([Object options])

2,aaaobj.on('blur',test1)
  a,test1放在全局作用域下,可以访问。但如果是一个独有方法的话,写个“匿名”方法也可以。
  b,test1方法的第一个参数会传处发对象的当前实例。可以用它进行引用。
  c,您也可以参考on( String eventName, Function fn, [Object scope], [Object options] ) 方法,还指定运行时的作用域,来达到test1方法具体运行时的作用域。

3,我理解您这儿应该是自定义属性而非自定义组件吧,这样的话通过公开API是访问不到的。但您如果非要访问的话,可以通过引用对象实例的initialConfig来访问您自定义属性。但并不建议真的这样去做。这样做,您的业务,或您的其它组件就已经被EXT当前版本强侵入。并不是一件好事情。
  
4 楼 vicksong 2008-05-24  
jjx 写道
ext 的ui真是越看越恶心啊 ,呵呵

这位兄台,有比Ext更好的UI控件?做程序的人,无论什么界面,看得多了,都觉得恶心,但对于用户来说,就不同了,window的无论什么界面,我看都恶心,特别是XP的,但用户都觉得XP界面好看,哎,不同的视觉呀......
3 楼 vicksong 2008-05-24  
sdlfly2000 写道
做的再好有什么用,诶~~~

除非你买了license,不然你必须共享你的源代码。

你买了license了吗?

如果没有的话而你也没有共享你的源代码,你就要当心别人告你违法了。

所以即便是你用了还是要低调一点。


买一个用户开发版的,才2K多,如果好用,准备买呀
2 楼 sdlfly2000 2008-05-24  
做的再好有什么用,诶~~~

除非你买了license,不然你必须共享你的源代码。

你买了license了吗?

如果没有的话而你也没有共享你的源代码,你就要当心别人告你违法了。

所以即便是你用了还是要低调一点。

1 楼 jjx 2008-05-24  
ext 的ui真是越看越恶心啊 ,呵呵

相关推荐

    ssh整合实现登录的例子,包含源代码,用extjs做的登录界面

    在这个例子中,我们将深入探讨如何利用SSH整合来实现一个登录功能,并且这个功能的前端界面是通过ExtJS库创建的。 1. **Spring框架**:Spring是核心的依赖注入(DI)和面向切面编程(AOP)框架,它管理着应用中的...

    extjs做界面的jsp系统

    总结来说,"extjs做界面的jsp系统"是一个集成了前端、后端和数据库的完整Web应用实例,适合学习者研究ExtJS的UI设计,Java的Struts框架,以及MySQL数据库的使用。通过这个项目,开发者可以了解到如何将这些技术有效...

    ExtJS配置界面项目

    采用ExtJS-4.0.7版本,使得前端也有MVC开发模式,并且利用json来配置管理界面,将界面分成了3个部分,一个是查询界面,一个是操作条,一个是表格,一个操作打开一个新界面,操作按钮执行什么操作均可配置,可以配置...

    extjs界面生成器extjs界面生成器extjs界面生成器

    extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器

    extjs通用后台管理界面

    总结来说,这个"extjs通用后台管理界面"是一个使用ExtJS框架精心设计的后台管理界面模板,具备良好的用户体验和实用性。开发者可以通过下载和研究"Ext_Demo"压缩包,学习ExtJS的使用技巧,快速构建自己的后台管理...

    Extjs主界面生成导航

    Extjs主界面生成导航是使用Extjs框架创建主界面导航系统的过程。以下是生成导航的详细知识点: 1. 生成功能导航:在Extjs中,我们可以使用Tree Panel组件来生成导航菜单。首先,需要拖拽一个Tree Panel到“west”...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...

    ExtJS 界面设计器

    这个工具允许开发者通过拖放组件和直观地调整属性来设计用户界面,从而自动生成ExtJS脚本。 1. **ExtJS框架**:ExtJS是Sencha公司开发的一个开源JavaScript库,它提供了大量的预定义组件,如表格、面板、菜单、按钮...

    jQuery EasyUI仿Extjs界面

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如表格、下拉框、对话框、菜单等,使得开发者能够快速构建出美观且功能丰富的Web应用界面。ExtJS则是另一个知名的JavaScript框架,它...

    ExtJS的可视化界面设计器

    总结来说,ExtJS的可视化界面设计器是一个强大的开发辅助工具,它将复杂的前端界面设计过程简化,使得开发者能够更加专注于应用逻辑的实现,提高了开发效率和项目的可维护性。对于希望快速构建高质量ExtJS应用的团队...

    类extjs的c++界面库

    关于这个类ExtJS的C++界面库,我们可以深入讨论以下几个方面: 1. **组件体系**:如同ExtJS,该库可能包含了一系列预先封装好的UI组件,如窗口、菜单、按钮、表格等,开发者可以通过组合这些组件快速构建用户界面。...

    Extjs 之主界面布局

    Extjs 之主界面简单布局,适合刚刚接触ext的新手学习,就一个html页面。 现在拿来分享。

    extjs实现的后台界面

    extjs实现一个后台管理框架,界面美观,可换主题颜色

    extjs实现用户登录界面

    在“extjs实现用户登录界面”这个主题中,我们将深入探讨如何利用ExtJS创建一个功能完善的登录界面。 首先,登录界面通常包含用户名、密码输入框以及登录按钮。在ExtJS中,这些可以通过创建`Ext.form.Panel`来实现...

    extjs后台界面模板3.zip

    EXTJS后台界面模板3.zip提供了一个完整的后台管理系统的界面模板,包括了机构、用户、角色和权限模块,使得开发者可以快速搭建功能完备的管理平台。 这个模板的结构设计十分清晰,顶部菜单栏提供了导航功能,方便...

    extjs 做的桌面应用程序界面

    extjs 做的桌面应用程序界面,只是前台的界面, 没有后台代码

    extjs界面生成,页面设计

    extjs界面生成,页面设计,可以用可视化的方式,生成一套extjs系统界面

    Extjs生成主界面

    本文将详细介绍如何使用Extjs结合Sencha Architect工具来生成一个完整的主界面。 #### 二、准备工作 在开始之前,请确保已经安装了Extjs 4.2.X版本以及Sencha Architect工具。Sencha Architect是一款可视化设计...

    extjs做的图书管理系统

    本文将详细介绍一个使用ExtJS开发的图书管理系统,该系统同时结合了Spring和iBATIS作为其核心架构组件。 首先,ExtJS是一个流行的JavaScript库,用于构建桌面级的Web应用程序。它提供了丰富的UI组件,如表格、窗口...

    用extjs写的登录界面

    这是用extjs3.2.0写的一个登录界面,而且是经过删减ext中无效文件的精简版,里面给了详细的注释说明,方便入门学习! 功能强大:包括账号密码的判断、浏览器缩放时候的窗口自适应、键盘enter键的监听、分别用相对...

Global site tag (gtag.js) - Google Analytics