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问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)