طريقة سهلة لAJAX WebControls

Question

لدي تطبيق ويب وأحاول تحسينه.بعض عناصر التحكم مخفية في نمط الحوار DIVs.لذا، أود أن يتم تحميلها عبر AJAX فقط عندما يريد المستخدم رؤيتها.يعد هذا أمرًا جيدًا بالنسبة لعناصر التحكم التي تعتمد في الغالب على العناصر الحرفية (القوائم والأدوات المتنوعة)، ولكن عندما يكون لدي ما أسميه عناصر التحكم "القذرة" - تلك التي تكتب معلومات شاملة إلى ViewState, ، وضع الكثير من CSS أو البرنامج النصي على الصفحة، ويتطلب الكثير من المراجع وما إلى ذلك - يبدو أنه من المستحيل نقلها "خارج الصفحة"، خاصة بالنظر إلى كيفية تفاعل ASP.NET مع إعادة النشر.

كنت أفكر في اتخاذ نوع من الخطوات حيث أقوم بتجاوز Render، والعثور على علامات للبتات التي أريد نقلها ووضع عناصر نائبة لـ AJAX هناك، ولكن لا يبدو الحمل الزائد على الخادم متطرفًا فحسب، بل يبدو أيضًا وكأنه اختراق كامل.علاوة على ذلك، فإن العنصر الأساسي هنا هو مربعات الحوار التي تحتوي على نماذج تحتوي على عناصر تحكم للتحقق، ولا أستطيع أن أتخيل كيف يمكنني نقل عناصر التحكم و البرامج النصية المطلوبة الخاصة بهم.

في مخيلتي المحمومة، أريد أن أفعل هذا:

AJAXifier.AJAXify(ctlEditForm);

للأسف، أعلم أن هذا حلم.

ما مدى قربي من الوصول إلى AJAXification سريع وسهل دون التسبب في تحميل كبير على الخادم؟

Answer 1

تفحص ال RadAjax التحكم من Telerik - يسمح لك بتجنب استخدام UpdatePanels، والحد من كمية المعلومات التي يتم تمريرها ذهابًا وإيابًا بين الخادم والعميل من خلال الإعلان عن العلاقات المباشرة بين عناصر التحكم في الاتصال، وعناصر التحكم التي يجب أن تكون "Ajaxified" عندما ترسل عناصر التحكم في الاتصال عمليات إعادة النشر.

Answer 2

أنصحك بالذهاب إلى متجر الكتب المحلي لديك في نهاية هذا الأسبوع، والحصول على فنجان من القهوة والعثور على jQuery قيد التشغيل بواسطة Manning Press.تفضل بقراءة الفصل الأول من هذا الكتاب المكون من 300 صفحة في المتجر، ثم قم بشرائه إذا كان له صدى لديك.

أعتقد أنك ستفاجأ بمدى السهولة التي تتيح لك بها jQuery تنفيذ ما تصفه هنا.بدءًا من مكالمات Ajax إلى الخادم في الخلفية، ووصولاً إلى إظهار علامات div وإخفائها بناءً على تصرفات الزائر.كمية التعليمات البرمجية التي يتعين عليك كتابتها صغيرة جدًا.

هناك مجموعة من مكتبات JavaScript الجيدة، وهذه مجرد واحدة من تلك المكتبات التي أحبها، ومن السهل جدًا البدء بها.ابدأ بتضمين مرجع إلى ملف jQuery الحالي مع علامة، ثم اكتب بضعة أسطر من التعليمات البرمجية للتفاعل مع صفحتك.

Answer 3

الخطوة الأولى هي جعل القطع "القذرة" الخاصة بك عناصر تحكم مستخدم مستقلة

الخطوة الثانية هي تضمين عناصر التحكم هذه في صفحة الاستهلاك الخاصة بك

الخطوة الثالثة هي تغليف كل علامة تحكم مستخدم في Asp:UpdatePanel الخاص بها

الخطوة الرابعة هي التأكد من حصول عنصر التحكم الخاص بك على البيانات التي يحتاجها من خلال قراءتها من الخصائص التي تتحقق من حالة العرض للقيم الموجودة مسبقًا.أعلم أن هذا يجعل التعليمات البرمجية الخاصة بك تعتمد على المتغيرات العالمية القبيحة ولكنها طريقة سريعة لإنجاز ذلك.

قد تختلف المسافة المقطوعة الخاصة بك.