पाठ 1. एक्सट्रीम जानने के लिए

Ext.NET 2.0 बीटा का संक्षिप्त परिचय

प्रिय पाठक, चलिए Ext.NET जैसे एक अच्छे और उपयोगी ASP.NET फ्रेमवर्क के बारे में बात करते हैं। यह प्रसिद्ध JS फ्रेमवर्क पर आधारित है - Sencha Ext JS। यह बहुत से ASP.NET डेवलपर्स के जीवन को आसान बनाता है, एक्सट जेएस सीखने की आवश्यकता को समाप्त करता है, और फिर इसे अपने ASP.NET अनुप्रयोग में पेंच करता है। Ext.NET सुविधाजनक और सरल नियंत्रण प्रदान करता है, लेकिन न केवल। इसमें कई अन्य उपयोगी चीजें हैं, लेकिन बाद में उस पर और अधिक।

Ext.NET 2.0 बीटा का वर्तमान संस्करण Ext JS 4.1.0 की लगभग सभी सुविधाएँ प्रदान करता है और इसमें कुछ बहुत अच्छे प्लगइन्स भी शामिल हैं। यदि आप अपने वास्तविक प्रोजेक्ट में Ext.NET का उपयोग करने के बारे में सोच रहे हैं, तो मेरा सुझाव है कि आप Ext.NET 1.3 के संस्करण की ओर मुड़ें, यह अधिक स्थिर है और लगभग संतोषजनक नहीं है, कार्यात्मक रूप से कमजोर है, लेकिन मौलिक रूप से नहीं। यहां जो लिखा गया है, उसमें से अधिकांश इस पर लागू होता है, हालांकि उनके बीच कोई अनुकूलता नहीं है। और अगर आप अभी भी Ext.NET 2.0 बीटा का उपयोग करने का निर्णय लेते हैं, तो याद रखें कि अंकन बीटा का अर्थ है कि यह अभी भी कई बार बदल सकता है और स्थानों में अस्थिर है। लेकिन फिर भी यह Ext.NET 2.0 बीटा का संस्करण है, यह भविष्य है और इसका अध्ययन करना आवश्यक है। इसमें, डेवलपर्स ने बहुत सी नई चीजें जोड़ीं, परिवर्तनों की एक पूरी सूची जो आप यहां देख सकते हैं।

मुझे इसकी आवश्यकता क्यों है?

सबसे पहले, आइए सबसे दिलचस्प उदाहरणों पर एक नज़र डालें जो लेखक प्रदान करते हैं, ताकि आप समझ सकें कि Ext.NET कितना अच्छा है। Example.ext.net पेज पर जाएं, आपको उदाहरणों का एक बड़ा पेड़ दिखाई देगा।
डेस्कटॉप चुनें -> परिचय -> अवलोकन। आपको एक पूर्ण डेस्कटॉप दिखाई देगा, जैसे कि एमएस विंडोज में क्या है। विंडोज, स्टार्ट बटन, ग्राफिक्स और बहुत कुछ आपके लिए उपलब्ध है। क्या यह एक दिलचस्प अवसर नहीं है?



अगला, CodeBehind में - - BorderLayout -> कॉम्प्लेक्स पर ध्यान दें। इस विंडो में तत्वों को प्रदर्शित करने वाली सभी समस्याएं Ext.NET द्वारा कवर की गई हैं। आप क्रॉस-ब्राउज़र संगतता के साथ लेआउट और समस्याओं के बारे में लगभग भूल सकते हैं, वे पहले से ही यहां हल हैं।



मुझे लगता है कि इस पर मैं उदाहरण के साथ समाप्त करूंगा, क्योंकि तब आप इसे स्वयं समझ लेंगे। मैं चाहता हूं कि आप चार्ट, डेटा व्यू, ग्रिडप्नेल, लेआउट, विविध पर विशेष ध्यान दें।
यदि आपको लगता है कि jQuery UI, Telerik Controls और कई अन्य नियंत्रणों के समान एक्सटेंशन की आवश्यकता क्यों है जो समान कार्यक्षमता प्रदान करते हैं। और आप सही होंगे, Ext.NET के पास इसके पेशेवरों और विपक्ष हैं। पेशेवरों पर विचार करें:

1. Ext.NET के साथ, आप तैयार ASP.NET और ASP.NET MVC नियंत्रण प्राप्त करते हैं जो आपको इन प्लेटफार्मों के साथ काम करने के लिए सीखने की जरूरत नहीं है। नियंत्रण, जिनमें से प्रत्येक "अपने आप में एक चीज है" और समृद्ध कार्यक्षमता है। कुल नियंत्रण लगभग 100! और आप उनका विस्तार कर सकते हैं, एक प्लगइन लिख सकते हैं या अपना खुद का नियंत्रण बना सकते हैं। सामान्य तौर पर, एक पूरी दुनिया है;
2. Ext.NET रेंडर करने की पूरी प्रक्रिया मार्कअप जैसी समस्या का ध्यान रखती है, आप भूल सकते हैं। आपको केवल यह दर्शाना है कि लेआउट और कंटेनर जैसी अवधारणा के माध्यम से क्या और कहाँ प्रदर्शित करना है;
3. तैयार-किए गए विषय जिन्हें आप विस्तारित कर सकते हैं या नया बना सकते हैं;
4. DirectEvent और DirectMethod के माध्यम से घटनाओं का जवाब देने का आसान और सरल तरीका;
5. विभिन्न डेटा सरणियों को प्रदर्शित करने की विशाल क्षमता;
6. राफेल पर आधारित तैयार HTML5 ग्राफिक्स;
7. Ext.NET समुदाय बल्कि जीवंत और बड़ा है, आप हमेशा मंच पर एक सवाल पूछ सकते हैं और शांति से जवाब का इंतजार कर सकते हैं।

लेकिन निश्चित रूप से Ext.NET की अपनी कमियां हैं।

1. यह मुख्य रूप से कॉर्पोरेट या बंद परियोजनाओं के लिए लागू होता है, छोटी इंटरनेट परियोजनाओं के क्षेत्र में, मुझे लगता है कि इसकी सारी शक्ति उपयोगी नहीं होगी। इसके कम से कम तीन कारण हैं।
2. • इंटरनेट के लिए लिपियों और संसाधनों का वजन बहुत अधिक है, उपयोगकर्ता के स्क्रीन पर प्रदर्शित होने के लिए लगभग 500 Kb को डाउनलोड करना होगा। अक्सर, धीमे चैनल पर उपयोगकर्ता थूकता है और आगे बढ़ता है, लेकिन उनमें से कम और कम होते हैं;
   • क्लाइंट मशीनों पर इसकी काफी मांग है। समाधान के रूप में, हमने आमतौर पर क्रोम या फ़ायरफ़ॉक्स स्थापित किया, लेकिन वे बहुत मेमोरी "खा गए";
   • यह मोबाइल ब्राउज़रों के साथ खराब काम करता है, इसमें शामिल है क्योंकि इसमें मोबाइल प्रोसेसर की शक्ति का अभाव है। लेकिन इस समस्या को हल करने के लिए, स्नेचा के पास एक अन्य स्नेहा टच फ्रेमवर्क है, जो कि एक छोटे भाई के रूप में एक्सटीजेएस के समान है। लेकिन मैंने ASP.NET प्लेटफॉर्म पर स्नेहा टच को लागू करने की योजना नहीं सुनी है। हालांकि ASP.NET MVC के साथ, यह बहुत आसान है।
   
   
   
3. Ext.NET के साथ पूरी तरह से काम करने के लिए, आपको ज्ञान के एक बड़े लेकिन दिलचस्प "दहलीज" पर काबू पाना होगा, और अधिकांश समय आपको एक्सट जेएस सीखना होगा, जो काफी कठिन है। रक्षा में, मैं कह सकता हूं कि Ext.NET की अधिकांश कार्यक्षमता के लिए बहुत अधिक ज्ञान की आवश्यकता नहीं है, यह समझने और लेखकों द्वारा प्रदान किए गए उदाहरणों को समझने के लिए पर्याप्त है।

जानकारी खोजने के लिए मुख्य स्थान www.ext.net है , जहाँ आप एक मंच और उदाहरण पा सकते हैं। इन स्थानों के बाहर, आप stackoverflow.com और रूसी भाषी समूह group.google.com/group/extnet पर प्रश्न पूछ सकते हैं। मुझे लगता है कि वे हमेशा आपको जवाब देंगे।

हैलो वर्ल्ड लेखन!

खैर, शुरू करते हैं।
शुरू करने से पहले आपको आवश्यकता होगी:

1. किसी भी संस्करण के विज़ुअल स्टूडियो 2010, मैं भी इस पर ServicePack 1 स्थापित करने की सलाह देता हूं।
2. Visual Studio NuGet के लिए सही पैकेज प्रबंधक स्थापित करें। आप यह पता कर सकते हैं कि यह कैसे करना है।

आरंभ करने के लिए, आपको एक नया ASP.NET प्रोजेक्ट बनाने और उसमें Ext.NET NuGet पैकेज जोड़ने की आवश्यकता है। ऐसा करने के लिए, पैकेज प्रबंधक कंसोल खोलें। और इसमें प्रवेश करें:

Install-Package Ext.NET -Pre 

सभी आवश्यक लाइब्रेरी और नए Ext.NET.Default.aspx वेब पेज स्वचालित रूप से आपकी परियोजना में जुड़ जाएंगे। पेज लेआउट में नियंत्रण जोड़ने की सुविधा के लिए, अपने आवेदन के Web.config में कुछ पंक्तियाँ जोड़ें। यह आपको हर पृष्ठ पर लिखने की आवश्यकता से बचाएगा।

 <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> 

, जो पेज पर Ext.NET नियंत्रण रजिस्टर करने के लिए आवश्यक है। Web.config अनुभाग खोलें
कॉन्फ़िगरेशन -> system.web और इसमें निम्न पंक्तियाँ जोड़ें:

 <pages> <controls> <add tagPrefix="ext" namespace="Ext.Net" assembly="Ext.Net"/> </controls> </pages> 

Ext.NET.Default.aspx पृष्ठ को डिफ़ॉल्ट पृष्ठ बनाएँ।



अब जब सारी तैयारियां पूरी हो गई हैं, हम F5 दबाकर अपना एप्लिकेशन लॉन्च कर सकते हैं।

हम लेखकों से एक सावधानीपूर्वक तैयार, आसान उदाहरण देखेंगे, जो सही पॉप-अप विंडो में प्रदर्शित करता है कि हम उसे क्या लिखते हैं। आपके सामने जो विंडो दिखाई देती है, उसे स्क्रीन के चारों ओर खींचा जा सकता है, बंद (हालाँकि आप इसे बाद में खोलने में सक्षम नहीं होंगे), इसमें एक छाया, एक शीर्षक है, और आप इसे आकार भी दे सकते हैं, और पाठ क्षेत्र का आकार भी बदल जाएगा।



हमारे कार्यक्रम का स्रोत कोड देखते हैं। हम चार नियंत्रण देखते हैं:

1. यह संसाधन प्रबंधक है, इसकी उपस्थिति उन सभी पृष्ठों पर अनिवार्य है जो Ext.NET का उपयोग करते हैं, इसकी क्षमताएं बहुत विस्तृत हैं, लेकिन अगले पाठों में उनकी चर्चा की जाएगी;
2. विंडो - यह वह विंडो है जिसे आपने पहले ही देख लिया है। उनके पास संभावित सेटिंग्स का एक विस्तृत चयन है, जिनमें से कुछ हमारे उदाहरण में उपयोग किए जाते हैं। इसके अलावा, यह नियंत्रण अन्य नियंत्रणों के लिए एक कंटेनर है, हमारे विशेष मामले में TextField के लिए। और हमारी खिड़की में कई बटन भी हो सकते हैं;
3. TextArea - वह टेक्स्ट फील्ड जिसे हम विंडो के अंदर देखते हैं, शारीरिक रूप से यह एक पुराना और कई HTML टेक्सटेरिया फील्ड से परिचित है। और जब आप सबमिट बटन पर क्लिक करते हैं, तो इसका मूल्य उस सर्वर को प्रेषित किया जाता है जहां यह प्रसंस्करण से गुजरता है;
4. बटन एक बटन है, जिसे क्लिक करने पर, सर्वर तक पहुंच जाता है और, विशेष रूप से, "Button1_Click" विधि, जो "ऑनडायरेक्लिक" विशेषता के माध्यम से क्लिक इवेंट हैंडलर को सौंपा जाता है (अधिक जानकारी के लिए, हम DirectEvent और DirectMethod को एक अलग पाठ में देखेंगे)। विधि, बदले में, निम्न पंक्ति का उपयोग करके संदेश को निचले दाएं कोने में प्रदर्शित करती है: X.Msg.Notify ("संदेश", यह.TextField1.Text) .Show (); ऑब्जेक्ट एक्स सहायक है और कुछ कार्यों को सरल करता है। हमारे विशेष मामले में, हम तुरंत एक सूचना विंडो प्राप्त कर सकते हैं और इसे प्रदर्शित कर सकते हैं।

केवल कुछ आंदोलनों के साथ हम अपने पेज की थीम बदल सकते हैं। डिफ़ॉल्ट रूप से, तीन विषयों की आपूर्ति की जाती है: नेत्रहीनों के लिए नीला (डिफ़ॉल्ट), ग्रे (ग्रे) और सुलभ (एक्सेस) -। वे कॉन्फ़िगरेशन में Web.config में बदल जाते हैं -> थीम विशेषता के माध्यम से सेनेट खंड । आइए स्लेट के विषय पर एक नज़र डालें।



अन्य पैरामीटर जिन्हें आप Web.config के माध्यम से Ext.NET के लिए कॉन्फ़िगर कर सकते हैं, Ext.NET.README.txt फ़ाइल में पाया जा सकता है, जो App_Readme फ़ोल्डर में स्थित है।



आप संसाधन प्रबंधक के माध्यम से पृष्ठ पर ही उनमें से अधिकांश को कॉन्फ़िगर कर सकते हैं, लेकिन वे केवल इस पृष्ठ पर लागू होंगे। उदाहरण के लिए, आप इस तरह पृष्ठ पर विषय बदल सकते हैं:

 <ext:ResourceManager runat="server" Theme="Access" /> 

सबसे अधिक उपयोग किए जाने वाले मापदंडों पर विचार करें जिनकी आपको आवश्यकता हो सकती है या बस दिलचस्प होगा:

• scriptAdapter - इसके निम्नलिखित अर्थ हैं: "Ext", "jQuery", "प्रोटोटाइप", "YUI"। क्लाइंट पर Ext.NET Ext JS का उपयोग करता है, जो डिफ़ॉल्ट रूप से तथाकथित Ext JS Core पर आधारित है। यह DOM मॉडल, एनीमेशन और अधिक से छेड़छाड़ करने के लिए बुनियादी क्षमता प्रदान करता है, एक्सट जेएस से एक प्रकार का jQuery। लेकिन एक्सट जेएस अन्य ढांचे का उपयोग कर सकता है और वह उन्हें एडेप्टर कहता है। आप jQuery, प्रोटोटाइप, YUI का उपयोग कर सकते हैं। इसकी आवश्यकता क्यों है? ठीक है, तो मान लें कि आप पहले से ही अपनी परियोजना में jQuery का उपयोग करते हैं, जो ASP.NET के लिए असामान्य नहीं है और इसके बजाय ExtJs कोर स्क्रिप्ट लोड करने के लिए, आप jQuery निर्दिष्ट करते हैं और आप पृष्ठ लोडिंग पर सहेजते हैं;
• अक्षम करें - "या तो" सही या "गलत" स्वीकार करता है। आपको ViewState को अक्षम करने की अनुमति देता है। इसकी आवश्यकता क्यों है और जब इसकी आवश्यकता नहीं है, तो आप इन लेखों में habrahabr.ru/blogs/net/119537 और www.aspnet.com.ua/Blog/blog-155.aspx पढ़ सकते हैं। बदले में, मैं ध्यान देता हूं कि मेरे अभ्यास में, मैं हमेशा ViewState का उपयोग करने से बचने की कोशिश करता हूं;
• scriptMode - के दो अर्थ हैं: "रिलीज़", "डीबग"। डिबगिंग के लिए लोड की गई न्यूनतम या पठनीय स्क्रिप्ट को इंगित करने के लिए उपयोग किया जाता है। आप फायरफॉक्स के लिए फायरबग का उपयोग करके आकार में अंतर देख सकते हैं। वैसे, मैं इस प्लगइन की अत्यधिक अनुशंसा करता हूं यदि आपके पास पहले से नहीं है। इसके साथ आप बड़ी संख्या में त्रुटियों को पकड़ सकते हैं।

खैर, शुरुआत रखी गई है, अब आप देख सकते हैं कि इसके बारे में क्या लिखा है। Ext.NET.Default.aspx
लेखकों, मैं भी example.ext.net उदाहरण और सभी Ext.NET घटकों के लगभग एक पूर्ण उदाहरण example.ext.net/#/Getting_Started/Introduction/Component_Overview को देखने की सलाह देता हूं।

निम्न पाठ आपको दिखाएगा कि आउटलुक जैसे विशिष्ट एप्लिकेशन के लिए रिक्त कैसे बनाया जाए। इस पर काम करने के दौरान, हम एक्स्ट.नेट काम की अधिकांश बारीकियों को समझेंगे।

अच्छा पढ़ लो!