EXT面试题

知道ext么？ext是什么？

一个Ajax框架，是一个用 javascript写的，用于在客户端创建丰富多彩的web应用程序界面。主要是企业信息化软件，网站后台等。ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。

ext有哪些组件？哪些是常用的？

常用的几种记住面板、选项板、表格、树、窗口、菜单、工具栏、按钮

ext底层用到了哪些框架和库？

Ajax框架 YUI js函数库

如果要写一个ext会要哪些步骤？(经常会问)

个人发挥，最好借助某个做个ext项目从不同界面进行介绍

现在让你用Ext一个异步grid、tree，数据后台模拟数据（不用数据库），你写得出来么？要多长时间？

这个可能会作为机试题考

如果不给api，你能写么？(经常会问)

1. 请写出Ext组件的超类（基类）？

Extponent

2. Ext的布局组件中有哪两个重要参数？

layout，items

电缆防盗3. Ext.id()函数的作用是什么？

生成唯一的id标识值

4. 你常用哪种字符编码进行Ext项目开发？

utf-8

5. id.RowNumber()是有什么作用？

生成自动计数列

6. 在Grid中有哪种预设的selectionModel?

cellSelectionModel, rowSelectionModel

7. store中哪两个参数用于分页设置的？

start, limit

8. 在Grid的beforeedit事件中怎样取消编辑操作返回？

return false

9. form.submit提交和使用Ajax方法提交数据时，两者的success和failure函数有何异同？

form中的带有业务逻辑，

ajax的没有，只是关联网络连接状态

10. 写出Ext基本的布局layout？

fit，是否占满容器，如果多子项，则第一个占满容器

border，区域布局，将不同子项分配到各自区域

form，控制表单中的输入字段

column，列容器将整个容器看成一列，向其中添加子项，可通过比例、实际数值控制子项列宽

accordion，手风琴效果菜单展开收缩效果

card，table，anchor，absolute

11. Ext中的Form支持哪三种形式的提交？

（1）利用表单的原生方式提交，如下：（需要自己调用form.isValid()函数来校验表单参数

格式）
1.x中：
form.el.dom.action="../excel.do";
form.el.dom.target="_blank";
form.el.dom.submit();
浏览器在新窗口打开../excel.do，并传递表单参数，
同样这里的../excel.do可以用servlet,jsp等替换。

2.x中
Form().getEl().dom.actiong="../excel.do";
Form().getEl().dom.target="_blank";
Form().getEl().dom.submit();

（2）利用Ext表单的默认提交（不需要自己校验，form.submit();函数中会自己校验,但是需要写失败函数或者失败事件，用来提示用户校验失败）
1.x form.submit();

2.x Form().submit();
如果form控件定义了URL,那么这两个提交将会请求这个URL并且传递form的参数。其底层实现是Ajax请求。
如果form控件没有定义 URL,那么这2个submit函数可以传递参数，类似如下：
Form.submit({url:'confManager/newConfTask.do',waitMsg:'保存数据',waitTitle:"请等候。。。",params{p1:p1,p2:p2},success:sFn,failure:fFn});
请求会把form控件中的参数和这里submit函数中的参数一同发送到后台。
由于这种方式存在回调函数和触发事件。
因此如果调用成功会执行sFn这个函数，失败会执行fFn这个函数。
研究form提交源代码，发现如果定义了actioncomplete，actionfailed.那么根据表单提交的实际情况会触发不同的事件。
具体说明:
如果调用到了后台，并且返回成功结果。那么如果定义了success:sFn则先执行sFn，如果定义了actioncomplete，则接着触发actioncomplete滚筒式混凝土搅拌机对应的事件
如果调用到了后台，并且返回成功失败。那么如果定义了failure:fFn则先执行fFn，如果定义了actionfailed，则接着触发actionfailed对应的事件

至于返回结果何为成功，何为失败，可以自己对源码扩展，增加成功失败的判断规则。
施密特触发器芯片补充：

定义表单提交失败的触发事件
('actionfailed',formReqFail);

function formReqFail(f,a){
if(a.failureType == Ext.form.Action.CLIENT_INVALID)
Ext.MessageBox.alert('错误', '本地校验错误');
偏心轮机构 else if (a.failureType == Ext.form.Action.SERVER_INVALID)
Ext.MessageBox.alert('错误', '服务器校验错误');
else if (a.failureType == Ext.form.Action.CONNECT_FAILURE)
Ext.MessageBox.alert('错误', '连接错误或超时');
else if (a.failureType == Ext.form.Action.LOAD_FAILURE)
Ext.MessageBox.alert('错误', 'load 数据错误');
}

（3）利用Ajax方式提交，（需要自己调用form.isValid()函数来校验表单参数格式）
直接利用：
Ext.quest({
method :'POST',//提交方式
url :'excel.jsp',//提交的URL，可以是servlet,*.do,*.action等
params:{p1:p1,p2:p2},//提交的参数，后台可以通过Parameter("p1");获得参数
success :sFn,//当请求成功时调用的方法
failure :fFn,//请求失败时调用的方法
callback :cFn,//当收到HTTP响应时调用的方法。不管请求成功还是失败，回调方法都会被调用
form :'excelForm'//form>表单元素或者<form>的id ，可以从其中获取参数
});

12. 在使用ExtJS开发应用时，必需引入的文件有哪些？

Ext-base.js ext-all.css ect-all.js

13.ExtJS的类库由几部分组成

古代蹴鞠用什么做的

底层API UI及Ajax通信类实用工具Utils 组件widgets

14.ExtJS组件大致分类

基本组件工具栏组件数据通信组件表单及元素组件

15.默认组件类型是？

Panel

16.为对象添加事件的方法主要哪两种？

addListener艾叶提取物

17.当发起一个AJAX请求时，需要传送到http请求的查询参数定义名称为

baseParams

18.从一个store中得到指定所有位置的记录集

At(i)

19.在formPanel中定义一个隐藏域必须要指定

Xtype

20.formPanel提交表单，执行submit方法时，配置参数必需有

Url

本文发布于:2024-09-23 16:20:56，感谢您对本站的认可！

本文链接：https://www.17tex.com/tex/1/194766.html

上一篇：开发前端岗位职责

下一篇：uniGUI学习之脱离Delphi直接写ExtJS从入门到精通02Ext.Panel创建后。。。

标签：参数表单提交组件失败函数后台方法

留言与评论（共有 0 条评论）