الرئيسية / موضوعات المقابلات / ExtJS

مقابلات تجريبية مباشرة من WithoutBook ExtJS موضوعات مقابلات ذات صلة: 19

Interview Questions and Answers

تعرّف على اهم اسئلة واجوبة مقابلات ExtJS للمبتدئين واصحاب الخبرة للاستعداد لمقابلات العمل.

إجمالي الاسئلة: 50 Interview Questions and Answers

افضل مقابلة تجريبية مباشرة يجب مشاهدتها قبل المقابلة

تعرّف على اهم اسئلة واجوبة مقابلات ExtJS للمبتدئين واصحاب الخبرة للاستعداد لمقابلات العمل.

Interview Questions and Answers

ابحث عن سؤال لعرض الاجابة.

سؤال 1

Do you have any advice for developers using ExtJS for the first time?

ExtJS can be used by Web Application developers who are familiar with HTML but may have little or no experience with JavaScript application development. If you are starting to build a new web application, or you are revamping an existing application, then take your time to understand the basics of the library including.

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 2

What is the purpose of Element Object in ExtJS?

Element wraps most of the DOM methods and properties that you'll need, providing a convenient, unified, cross-browser DOM interface (and you can still get direct access to the underlying DOM node when you need it via Element.dom)
The Element.get() method provides internal caching, so multiple calls to retrieve the same object are incredibly fast
The most common actions performed on DOM nodes are built into direct, cross-browser Element methods (add/remove CSS classes, add/remove event handlers, positioning, sizing, animation, drag/drop, etc.)

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 3

For example, to show our message when any paragraph in our test page is clicked, what is the ExtJS code on paragraph click?

Ext.onReady(function() {
Ext.select('p').on('click', function() {
alert("You clicked a paragraph");
});
});

or

Ext.onReady(function() {
var paragraphClicked = function() {
alert("You clicked a paragraph");
}
Ext.select('p').on('click', paragraphClicked);
});

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 4

How to handle event for a extjs component?

1) Using listeners config object.
For ex for grid events : listeners: {rowclick: gridRowClickHandler,rowdblclick: gridRowDoubleClickHandler}
2) Using addListener( String eventName, Function handler, [Object scope], [Object options] ) : void
Appends an event handler to this component
3) Using on( String eventName, Function handler, [Object scope], [Object options] ) : void
Appends an event handler to this element (shorthand for addListener)
For ex: store.on( "datachanged", function( store ){ ..... });

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 5

How to handle exception while loading datastore?

Using loadexception event.
syntax: store.loadexception() : Fires if an exception occurs in the Proxy during loading.
use beforeload : ( Store this, Object options ) : Fires before a request is made for a new data object. If the beforeload handler returns false the load action will be canceled.
syntax:
store.on('loadexception', function(event, options, response, error) {
alert("Handling the error");
event.stopEvent();
});

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 6

How we can apply pagination in grid panel?

using Ext.PagingToolbar plugin, we can implement pagination to a grid panel
syntax:
new Ext.PagingToolbar({
pageSize: 25,
store: store,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display",
})
// trigger the data store load
store.load({params:{start:0, limit:25}});

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 7

What is the purpose of Load mask?

To apply mask to page level / component level.
restrict user not to access any components in page
var pageProcessBox = new Ext.LoadMask( Ext.getBody(), { msg: 'Loading Employee details.' } );
pageProcessBox.show();

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 8

What is purpose of renderer in grid panel?

Using config option,
renderer: fnCellColor where fnCellColor is method to apply color to a cell.

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 9

How to get selection model used in a grid panel?

Using grid.getSelectionModel(); method

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 10

What is use of combo select event function?

To get the selected value from a combo.using getvalue();
var selectedComboValue = mycombo1.getValue();

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 11

How to register callbacks to the load and exception events of the JsonStore?

var grid = new Ext.grid.GridPanel({
store: new Ext.data.JsonStore({
[...]
listeners: {
load: this.onLoadSuccess.crateDelegate(this),
exception: this.onLoadException.createDelegate(this)
}
}),

onLoadSuccess: function () {
// success
},

onLoadException: function () {
// error
},

[...]
}

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 12

Why did you choose Ext JS?

Given the wide range of JavaScript libraries available it was important to choose the right one. We needed to choose a library that was consistent in the way that it presents information to the user, but also consistent in the way that you code using the library.

With all Ext components extending the �Observable� class we had the ability to write consistent code in an event-driven manner, much like writing a desktop application, not easily achieved with other libraries. What�s more is that we knew it would work cross-browser, again something not easily achieved that saves countless hours on large projects.

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 13

What features could we add to Ext to make building a rich application like PLANet easier in the future?

Once an application gets over a certain size, and customer releases become more frequent, the burden of testing the application starts to take its toll. An Ext supported test suite would save huge amounts of time. The current problem of test suites with Ext is being able to reliably predict the automatic ids that Ext generates for page elements. Test tools are beginning to implement support for CSS selectors to overcome this problem, but few currently exist. Ext could provide better documentation on how to build better test cases with Ext so that more time can be spent on development rather than testing.

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

سؤال 14

Difference between ExtJS and JQuery?

ExtJs and JQuery are kind of apples and oranges. You can compare Ext Core to JQuery, and ExtJs to JQuery UI.
Ext JS is a full-fledged widget library while jQuery (not jQuery UI) and Mootools are JavaScript frameworks that help with DOM manipulation etc.
Whilst jQuery and Mootools help with the general workings of a site.
jQuery UI is a much less rich set of components.
Ext JS seems to be focussed on tables and storing data, plus manipulating it.

احفظ للمراجعة

احفظ هذا العنصر في الإشارات المرجعية، او حدده كصعب، او ضعه في مجموعة مراجعة.

افتح مكتبتي التعليمية

هل هذا مفيد؟ نعم لا

اضف تعليقا عرض التعليقات

الاكثر فائدة حسب تقييم المستخدمين:

موضوعات مقابلات ذات صلة

جميع موضوعات المقابلات

طوّر مهاراتك من خلال مسارات تعلم مركزة واختبارات تجريبية ومحتوى جاهز للمقابلات.

Interview Questions and Answers

افضل مقابلة تجريبية مباشرة يجب مشاهدتها قبل المقابلة

Interview Questions and Answers

اسئلة واجوبة مستوى الخبير / ذوي الخبرة

Do you have any advice for developers using ExtJS for the first time?

احفظ للمراجعة

What is the purpose of Element Object in ExtJS?

احفظ للمراجعة

For example, to show our message when any paragraph in our test page is clicked, what is the ExtJS code on paragraph click?

احفظ للمراجعة

How to handle event for a extjs component?

احفظ للمراجعة

How to handle exception while loading datastore?

احفظ للمراجعة

How we can apply pagination in grid panel?

احفظ للمراجعة

What is the purpose of Load mask?

احفظ للمراجعة

What is purpose of renderer in grid panel?

احفظ للمراجعة

How to get selection model used in a grid panel?

احفظ للمراجعة

What is use of combo select event function?

احفظ للمراجعة

How to register callbacks to the load and exception events of the JsonStore?

احفظ للمراجعة

Why did you choose Ext JS?

احفظ للمراجعة

What features could we add to Ext to make building a rich application like PLANet easier in the future?

احفظ للمراجعة

Difference between ExtJS and JQuery?

احفظ للمراجعة

الاكثر فائدة حسب تقييم المستخدمين:

موضوعات مقابلات ذات صلة

جميع موضوعات المقابلات

WithoutBook