2013-05-08 15 views
18

मैं वास्तव में AngularJS का उपयोग करने के लिए सीखने का आनंद ले रहा हूँ। अब मैं उन घटकों की तलाश में हूं जिनके साथ मैं इसका उपयोग कर सकता हूं। मैं कोणीय-यूआई घटकों को देख रहा हूं लेकिन मैं जानना चाहता हूं कि एक्स्टजेस में अच्छे, सुपरचार्ज किए गए घटकों का उपयोग करना संभव है या नहीं। क्या किसी के पास इसका अनुभव है? कोई संकेत या टिप्स या कोणीय निर्देश पुस्तकालय?क्या AngularJS में ExtJS घटकों का उपयोग करना संभव है?

+2

अच्छा प्रश्न! अभी तक एक जवाब है, लेकिन और भी होना चाहिए! कृपया, किसी और ने जिसने यह कोशिश की है - यह आपके लिए कैसे काम करता है? –

उत्तर

9

जिस कंपनी के लिए मैं काम करता हूं वह एक समान कदम उठा रहा है। वर्तमान में हम एक्स्टजेस के पुराने संस्करण (3.x) पर भारी निर्भर हैं, और वर्तमान (5.0) संस्करण में अपग्रेड करने का प्रयास कम से कम कोणीय में जाने के लिए आवश्यक प्रयास के बराबर है।

वे एक ही जे एस आवेदन में एक साथ नहीं हो सकते:

सवाल (मेरी सीमित जानकारी के अनुसार) उत्तर देने के लिए।

क्या आप कोणीय के साथ ExtJs के UI तत्वों का उपयोग कर सकते हैं?

आप एक्सटी में HTML टेम्पलेट्स के माध्यम से मार्कअप के नियंत्रण में कोणीय डाल सकते हैं।

क्या यह एक बुद्धिमान विचार है?

शायद नहीं।

मैं ऐसा क्यों करने पर विचार करूंगा?

  1. मैं मार्कअप पर पूर्ण नियंत्रण की जरूरत है और के बारे में संभव पृष्ठ लोड परवाह नहीं है मुद्दों

  2. मैं क्रमानुसार करने या कुछ विशेष तरीके से डी-serialize कि Ext में स्वाभाविक तौर पर

    प्रदान नहीं करता है की जरूरत है
  3. मैं (Ext के साथ अभी भी पूरी तरह से संभव है) कुछ पब/उप तरह विशेष करने की

हमारे मामले में की जरूरत है, यह कुछ मॉडलों के लिए अवधारणा का सबूत है। अगर मैं पक्षपातपूर्ण हूं, तो मैं एक्स्टजेस की दिशा में पक्षपातपूर्ण हूं (जो मेरी पृष्ठभूमि को एक बड़ा बयान दिया गया है)। मेरे पास एक्स्टजेस जितना अधिक जोखिम है, उतना ही मैं इसे व्यक्तिगत रूप से पसंद करता हूं। मैंने अतीत में एम्बर, बैकबोन, नॉकआउटजे और एंगुलरजे जैसे कई ढांचे का उपयोग किया है और वे उत्कृष्ट उपकरण हैं जो परिपक्वता के स्तर तक पहुंच रहे हैं जो उन्हें उत्कृष्ट विकल्प बनाता है। उन्होंने कहा, वे एक ही विकास मॉडल/पैटर्न का पालन नहीं करते हैं जो ExtJs करता है, और मुझे नहीं लगता कि प्रत्यक्ष तुलना किसी भी तरफ उचित है।

यह लगभग एक्स्ट टू नोड (मूर्ख, मुझे पता है) की तुलना करना होगा।

यदि आपके प्रोजेक्ट को कुछ विशेष कार्यक्षमता की आवश्यकता है जो आपको विश्वास नहीं है कि एक्स में संभव है, तो आप शायद मेरे जैसे हैं और इसके साथ सीमित अनुभव है। यदि आपके पास Ext के साथ बहुत अधिक अनुभव है, और हम कोशिश कर रहे हैं कि हम कोशिश कर रहे हैं, तो मैं कहता हूं कि इसके लिए जाएं। एक्स्ट का एकल पतन डिलीवर किए गए निर्मित पैकेज का आकार है। एक और छोटा ढांचा मदद करने वाला नहीं है, लेकिन यह और अधिक दर्द नहीं होने वाला है।

अंत में, मेरे लिए, मैं सिर्फ जेएस से प्यार करता हूं और अपने ज्ञान का विस्तार करता हूं कि चीजें अब और भविष्य में कैसे काम करती हैं।

उपरोक्त पद के लिए एक्सटी के लिए कर्षण की कमी के बारे में पूछने के लिए: उत्तर सरल है ... यह मुफ़्त नहीं है, और इस प्रकार हम में से कई लोगों के लिए एक विकल्प नहीं है जो लाइसेंस के साथ फिट बैठते वाणिज्यिक सॉफ्टवेयर नहीं लिख रहे हैं ।

+0

मैं आपके साथ @Shane से सहमत हूं, लेकिन अगर मैं इस मार्ग पर जा रहा हूं तो शायद मैं कुछ गलत कर रहा हूं और मुझे फिर से विचार करना होगा कि लक्ष्य क्या है और शायद इसके लिए एक और समाधान है। मुझे एक बार ऐसी ही स्थिति का सामना करना पड़ा जहां हमें सेन्चा टच के साथ एक और ढांचा शामिल करना होगा। –

+1

मुझे लगता है कि सही दृष्टिकोण एंगुलर के साथ एंगजेस का उपयोग करना है और इसके विपरीत नहीं। ExtJS में आप आसानी से एचटीएमएल टैग एम्बेड कर सकते हैं और एल तत्व प्राप्त कर सकते हैं ताकि आप आसानी से कोणीय सामान एम्बेड कर सकें। ऐसा कहकर, बेहतर दृष्टिकोण यह भी हो सकता है कि आप एक्स्टजेस को और अधिक अच्छी तरह से सीखें क्योंकि आपको अब कोणीय की आवश्यकता नहीं होगी। एक्स एम्बेडेड परीक्षण क्षमताओं और निर्भरता इंजेक्शन को छोड़कर एंगुलर ऑफ़र सबकुछ प्रदान करता है। मुझे नहीं लगता कि आपको जावास्क्रिप्ट में DI की आवश्यकता क्यों होगी क्योंकि यह निश्चित रूप से आपको समय पर अवांछित परिणाम देगा। – Lawrence

7

काम पर हमारे एंगुलरजेएस ऐप में, हमने इसके साथ तीसरे पक्ष के एक्स्टजेस ऐप को एकीकृत किया है, न कि इसके यूआई घटकों के लिए। हम उपयोगकर्ता इनपुट के आधार पर उस ऐप के कुछ पॉपअप खोलते हैं और जब उपयोगकर्ता पॉपअप में डेटा करता है, तो हम अपने ऐप को रीफ्रेश करने के लिए ExtJs ईवेंट का जवाब देते हैं। AngularJS किसी भी अन्य जावास्क्रिप्ट कोड/पुस्तकालयों के साथ एकीकृत करने के लिए पर्याप्त लचीला है जब तक लाइब्रेरी के सार्वजनिक घटनाओं का जवाब देने के लिए। मैं प्रभावी ढंग से निर्देश बनाने और scope घटनाओं का जवाब देने के तरीके पर Directive और scope दस्तावेज़ीकरण के माध्यम से जाने की अनुशंसा करता हूं।

व्यक्तिगत रूप से मुझे नहीं लगता कि ExtJS और AngularJS की एक साथ आवश्यकता होगी, जब तक कि आप इसे मेरे जैसे उपयोग करने के लिए मजबूर नहीं होते। http://angular-ui.github.io/ है जो तालिका में बहुत कुछ लाता है। फिर किसी भी दिए गए JQuery प्लगइन को AngularJS में निर्देश, फ़िल्टर इत्यादि का उपयोग करके एकीकृत किया जा सकता है। तो आप ExtJS से परेशान करने की कोशिश करने से पहले उसमें जांच कर सकते हैं।

+1

क्या मैं पूछ सकता हूं, इसके लिए आपको एंगुलर की आवश्यकता है जिसके लिए आप Ext में नहीं कर सकते? मैं आपसे सहमत हूं कि यदि एक ढांचा इसे कर सकता है, तो इसे जितना संभव हो सके उतना आसान रखना बेहतर है। दो ढांचे काम कर सकते हैं लेकिन आपके पास हमेशा बॉयलर प्लेट कोड और दोनों की कॉन्फ़िगरेशन होगी। साथ ही, जब एक या दूसरे या दोनों के नए संस्करणों में अपग्रेड करते समय, हमेशा यह जोखिम होता है कि चीजें गलत होती हैं ... शुरुआत में एक्स के साथ मेरा एकमात्र बिंदु सीखने की अवस्था थी। लेकिन यह भी इसलिए था क्योंकि मुझे ज्यादा जावा स्क्रिप्ट नहीं पता था। मैं एक ऐसे दोस्त के साथ समाप्त होने के लिए भाग्यशाली था जो वास्तव में इसे अच्छी तरह से जानता था, इसलिए मैंने तेज़ी से सीखा :-) – Lawrence

3

यदि आपके पास एक्स्टजेस है तो आपको एंगुलरजेएस की आवश्यकता क्यों है? मैं सीखता हूं कि सीखना कुछ मुश्किल हो सकता है हालांकि एक बार जब आप इसे काट लेंगे तो इस समय कुछ भी बेहतर नहीं होगा। एकमात्र नुकसान भारी पदचिह्न है लेकिन कौन परवाह करता है? ऐसा नहीं है कि इससे कोई समस्या आ रही है ... हम काम पर एक्स्टजेस के अलावा कुछ भी नहीं उपयोग करते हैं और हमारे ऐप्स में प्रगति अद्भुत है। यह स्प्रिंग एमवीसी के साथ सहजता से एकीकृत करता है। हमें एचटीएमएल में सीधे हैक करने की ज़रूरत नहीं है जिसे मैं नुकसान से अधिक लाभ मानता हूं: कोई और टैग नहीं लिख रहा है, कोई और खुला/बंद टैग समस्या नहीं है, फिर भी आप सीएसएस और एक्स का उपयोग किसी भी ब्राउज़र असंगतताओं को संभालने में कर सकते हैं ताकि आप और क्या कर सकें और चाहिए?? कोणीय ब्लॉक पर सिर्फ नया बच्चा है लेकिन कुल मिलाकर यह एक्स्टजेस के साथ प्रतिस्पर्धा नहीं कर सकता है। यह भी करीब नहीं है। बस मेरे 2 $।

+0

आपके पास अच्छे अंक हैं और जिस तरह से मैंने पूछा है कि भारी पदचिह्न से आपका क्या मतलब है? –

+1

ExtJS अधिक स्मृति का उपयोग करता है और कोणीय की तुलना में धीमी है। हालांकि, यह चिंताजनक प्रकार का नहीं है। हम एक्सटी के अलावा कुछ भी नहीं उपयोग करते हैं और यह तेजस्वी तेज है। एकमात्र अपवाद वृक्ष दृश्य हो सकता है जो प्रत्येक फ़ोल्डर क्लिक पर नोड बच्चों को लाने के बजाय, इसे एक बार में एक पूरे पेड़ को खिलाते समय कुछ हद तक धीमा हो सकता है ... – Lawrence

+2

मेरे अनुभव में ExtJS ग्रिडपेनल के साथ बड़े डेटा को संभालने में अधिक सक्षम है। अगर एक्स्टजेस धीमा है तो शायद मैं गलत कर रहा हूं। मैं AngularJs के खिलाफ नहीं हूं लेकिन अब मैं ExtjS प्यार कर रहा हूँ –

0

सेन्चा ढांचे में समर्थन जोड़ने की योजना बना रहा है। संदर्भ के लिए नीचे दिए गए लिंक को ढूंढें:

नवंबर 7-9 2016 को लास वेगास में सेनचाकॉन में, सेन्चा एंजुलर 2 एप्लिकेशन के भीतर एक्सटी जेएस घटकों, लेआउट और थीम का उपयोग करने की क्षमता पेश करेगा, जिसे हम वर्तमान में एक्सएस जेएस ब्रिज को कोणीय 2 (जिसे 'ब्रिज' भी कहा जाता है) में बुला रहा है।

https://www.sencha.com/blog/first-look-ext-js-bridge-to-angular-2/

संबंधित मुद्दे