ExtJS Interview Questions and Answers
Ques 31. 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}});
Ques 32. What is xtype?
The xtype will be looked up at render time up to determine what type of child Component like TextField, NumberField etc to create. i,e
xtype = Class
----------------------
button = Ext.Button
textfield = Ext.form.TextField
radio - Ext.form.Radio
grid = Ext.grid.GridPanel
combo = Ext.form.Combobox
toolbar = Ext.Toolbar
Ques 33. What is vtype?
The validations provided are basic and intended to be easily customizable and extended.
Few vtypes provided by extjs are as below:
emailText : String, The error text to display when the email validation function returns false
alphanumText : String, The error text to display when the alphanumeric validation function returns false
urlText : String, The error text to display when the url validation function returns false
Ques 34. How to get record object from store?
var record = grid.getStore().getAt(rowIndex);
Ques 35. 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();
Most helpful rated by users:
- Why did you choose Ext JS?
- Why do we need javascript Library?
- What is syntax for Extjs Button click event?
- How to access DOM element using EXTJS?
- Integration of Web development server-side frameworks with Ext JS?