Extjs5 为什么要在launch方法写代码

Extjs5 为什么要在launch方法写代码,第1张

1、直接调用

一直都有朋友在问题,我的代码(如下),运行为什么没有效果 。 这可以是每个Extjs 初学者都想问题在launch 方法背后都会做一些什么工作 ?

<script type="text/javascript">

// 这样写有错吗?

/

文件名:当前文件

功能描述:直接调用

日期:2014-06-16

编写:犸特头

请查看:>

楼上的兄弟说的也可行,那是一个个数据单独提交的方法,这种方法比较耗程序性能,假如数据量不大可以用这种

,另外也可以批量提交修改: 1,先用 gridgetStore();取到 store , 2 用for循环把修改过的store里的记录取到,放入一个数组里var items[] , 3 把 items 数据用 Extdecode(items); 转成json string数据, 把此数据作为参数传到 action 中, 4 在action中 用 Example[] examples = gsonfromJson(itemParams, Example[]class); 方法把 json 数据转成对象, 这里 Example 是要 *** 作的对象, gson是 comgooglegsonGson , 转成对象就可以对修改的对象进行保存 *** 作了

作为ExtJs和EasyUI都用得很熟练的一个老资格程序员,我发表一下我的看法。

首先两个框架的组件都很丰富,商业应用都要收费。ExtJS的动态性和扩展性更好,从使用效果看,easyui的组件相对体验更好一点。

ExtJS

优点:1完全开源,我说的开源的意思并不是说不收费。

2我非常赞赏它的架构设计,完全的面向对象的组件化设计。所有的组件都是从一些基础的组件派生出来的,并且提供了overide,extend等扩展方式,可以说能够任意扩展。可能一些半桶水的人觉得ExtJS很难用,那是因为他们只懂皮毛。

3ExtJS的文档和实例做得比EasyUI要好得多,基础比较好的开发人员只用看官方的文档、demo、适当参考源码就能够完成任何工作,遇到问题完全不用去百度或论坛问其他人。

4可以完全动态开发,代码都写在JS文件里,不像ExtJS那样非得在页面放一个DOM元素。所以可以自己定制组件在任意页面引用,复用性好。

缺点:1可能太多人用,造成审美疲劳,反正我看腻了它的界面,自己定制界面主题有太难。

2可能因为它太庞大,不像easyUI那样基于页面已有的HTML

DOM渲染,所以一般人觉得比较难(但是话有说会来,如果使用者的水平高的话,这其实也是也是它的优点。因为你要是在同一个界面点击不同按钮要动态显示各种各样不同的window、form等等的话,只要把这些JS引用到当前页面就可以吧,见上述优点4)。

easyui

优点:

1在页面的DOM元素加一些属性然后加几行JS就可以动态构造出相应的组件。开发方式相对ExtJS直观和简洁一些。

2组件相对体验更好一点,界面好像跟干净简洁。

缺点:1半开源,对于一个高手来说看不到源代码是很痛苦的,事,因为他们总有这样那样的扩展需求。

2一定要在页面上放置相应的DOM元素才能渲染(如果不对dom元素设置隐藏的话,在页面没有渲染过程中会显示一堆乱七八糟的东西)所以无法自己定制组件在其他页面引用,要复用的话得搬砖一样把JS和DOM都复制过来,遇到非常复杂的页面那是相当杂乱和痛苦的。

很简单啊,通过程序读取数据字典里的值,将其写入store里,然后下拉框调用此store就行了。给你举个例子:

var store = Extcreate('ExtdataStore', {

fields: ['abbr', 'name'],

data : [

<%

<!--此处是读取数据字典的值-->

List<DataDictionary> dbasicList = DataDictionaryUtilgetDictionary();

for(int i=0;i<dbasicListsize();i++){

%>

{'abbr':'<%=dbasicListget(i)getValue()%>', 'name':'<%=dbasicListget(i)getName()%>'} <%if((i+1)<dbasicListsize()){outprint(",");}%>

<%}%>

]

});

然后调用

{xtype: 'combobox',editable:false,name: 'picType',fieldLabel: '类型',store: store,queryMode: 'local',displayField: 'name',valueField: 'abbr'}

验证extjs getForm()isValid()有两个步骤。

extjs getForm()isValid()验证有助程序更好地运用在系统中,如果无法正常验证,那么将来会影响整个系统的运作,建议在匹配系统前进行验证。

根据配置的验证规则验证,由vtype配置,表单项如textfield和textarea之类都支持该配置。因此,可以选择其中一类进行配置,然后获取数据。

ext通常都会自带一些基础验证vtype,因此可以直接使用,如需更多方式可以自行扩展vtype,最后根据得出的数据,就可以耐心地进行验证。

这就是extjs getForm()isValid()的验证方法。如果无法进行验证,那么证明程序不能很好匹配系统。

ExtJS入门-第一个ExtJS应用

(一)引用资源

应用extjs需要在页面中引入extjs的样式及extjs库文件,样式文件为resources/css/ext-allcss,extjs的js库文件主要包含两个,adapter/ext/ext-basejs及ext-alljs,其中ext-basejs表示框架基础库,ext-alljs是extjs的核心库。adapter表示适配器,也就是说可以有多种适配器,因此,可以把adapter/ext/ext-basejs换成adapter/jquery/ext-jquery-adapterjs,或adapter/prototype/ext-prototype-adapterjs等。

代码如下:

代码

<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-allcss" />

<script type="text/javascript" src="extjs/adapter/ext/ext-basejs"></script>

<script type="text/javascript" src="extjs/ext-alljs"></script>

(二)第一个ExtJS程序-HelloWorld

代码

<html>

<head>

<meta >

ExtJS和AngularJS是两个行业内领先的富界面开发框架。

TechFerry有机会使用Ext JS和Angular JS来开发多个富界面的单页面应用程序。

Ext JS:使用网格、树和图表组件

Angular JS:使用angular-chartsminjs、angularminjs、jqueryminjs、angular-routeminjs、ng-grid-207minjs、angulartreeviewminjs、angular-animatejs模块

对于这些组件的数据部分,使用的是同意的>

结论:Ext JS比AngularJS重3倍

以上就是关于Extjs5 为什么要在launch方法写代码全部的内容,包括:Extjs5 为什么要在launch方法写代码、如何在ExtJS 6中使用Fashion美化应用程序、关于Extjs的EditGrid问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9437316.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存