Ext.js - क्लास सिस्टम
Ext JS एक जावास्क्रिप्ट फ्रेमवर्क है जिसमें ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग की कार्यक्षमता है। एक्सट एक्स नेमस्पेस है, जो एक्सट जेएस में सभी वर्गों को सम्मिलित करता है।
एक्सट जेएस में एक कक्षा को परिभाषित करना
Ext 300 से अधिक कक्षाएं प्रदान करता है, जिन्हें हम विभिन्न कार्यात्मकताओं के लिए उपयोग कर सकते हैं।
Ext.define () का उपयोग Ext JS में कक्षाओं को परिभाषित करने के लिए किया जाता है।
वाक्य - विन्यास
Ext.define(class name, class members/properties, callback function);
ऐप की संरचना के अनुसार क्लास का नाम क्लास का नाम है। उदाहरण के लिए, appName.folderName.ClassName studentApp.view.StudentView।
वर्ग के गुण / सदस्य वर्ग के व्यवहार को परिभाषित करते हैं।
कॉलबैक फ़ंक्शन वैकल्पिक है। इसे तब कहा जाता है जब कक्षा ठीक से लोड की गई हो।
एक्सट जेएस क्लास परिभाषा का उदाहरण
Ext.define(studentApp.view.StudentDeatilsGrid, {
extend : 'Ext.grid.GridPanel',
id : 'studentsDetailsGrid',
store : 'StudentsDetailsGridStore',
renderTo : 'studentsDetailsRenderDiv',
layout : 'fit',
columns : [{
text : 'Student Name',
dataIndex : 'studentName'
},{
text : 'ID',
dataIndex : 'studentId'
},{
text : 'Department',
dataIndex : 'department'
}]
});
वस्तुएं बनाना
अन्य OOPS आधारित भाषाओं की तरह, हम Ext JS में भी ऑब्जेक्ट बना सकते हैं।
Ext JS में ऑब्जेक्ट बनाने के विभिन्न तरीके निम्नलिखित हैं।
नए कीवर्ड का उपयोग करना
var studentObject = new student();
studentObject.getStudentName();
Ext.create () का उपयोग करना
Ext.create('Ext.Panel', {
renderTo : 'helloWorldPanel',
height : 100,
width : 100,
title : 'Hello world',
html : 'First Ext JS Hello World Program'
});
एक्सटी जेएस में विरासत
वंशानुक्रम कक्षा ए में कक्षा बी में परिभाषित कार्यक्षमता का उपयोग करने का सिद्धांत है।
एक्सटी जेएस में, विरासत का उपयोग दो तरीकों से किया जा सकता है -
Ext.extend
Ext.define(studentApp.view.StudentDetailsGrid, {
extend : 'Ext.grid.GridPanel',
...
});
यहाँ, हमारा कस्टम क्लास StudentDetailsGrid एक्सट जेएस क्लास ग्रिडपैनल की बुनियादी विशेषताओं का उपयोग कर रहा है।
मिश्रण का उपयोग करना
मिक्सिन्स बिना क्लास ए में क्लास ए के उपयोग का एक अलग तरीका है।
mixins : {
commons : 'DepartmentApp.utils.DepartmentUtils'
},
कंट्रोलर में मिक्सिन्स को जोड़ा जाता है जहाँ हम अन्य सभी वर्गों जैसे स्टोर, व्यू इत्यादि की घोषणा करते हैं। इस तरह से, हम डिपार्टमेंट यूटिल्स क्लास को कॉल कर सकते हैं और कंट्रोलर या इस एप्लिकेशन में इसके कार्यों का उपयोग कर सकते हैं।