إعادة النشر الجزئية والإجراءات على جانب العميل

Question

لدي اثنين من القائمة أرضية. الأول مرئي والثاني ليس كذلك. أود الحصول على شيء مثل هذا:

1. حدد قيمة من الأول DDL.
2. ثم يحدث إعادة النشر الجزئي - يتم استرداد البيانات من DB بناء على التحديد.
3. DDL الثاني يتم بسكانية
4. يظهر DDL الثاني مع تأثير الشريحة IE (JavaScript)

لا أريد أن أحصل على إعادة النشر الكامل. يجب أن يكون التأثير النهائي:

حدد قيمة من الأول DDL ثم أدناه، تنزلق DDL ثانية يتم ملؤها.

ليس لدي أدنى فكرة عن كيفية البدء.

Answer 1

نظرا لأنه يبدو وكأنه باستخدام WebForms الخاص بك، فإن الخطوة الأولى لحل مشكلتك ستكون لك لأول بحث عن عنصر تحكم ASP.NET UpdatePanel والخيارات التي توفرها.

http://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.aspx.

Word of نصيحة رغم ذلك، يبدو UndatePanel رائعا للوهلة الأولى ولكنه يرسل بيانات أكثر من 100 مرة عبر السلك من الضروري ويصبح بسرعة فوضى أداء بطيئة أكثر من الأشياء التي تقوم بها. يمكنك حقا شفرة نفسك في زوايا ضيقة بسبب مشكلات الأداء بمجرد تعقيد الوظيفة.

سألقي نظرة على البرامج التعليمية العظيمة على Encosia.com حول كيفية استخدام JQuery مع WebForms ASP.NET ومعرفة ما إذا كان يمكنك تعلم هذه الطريقة بدلا من ذلك. UndatePanel ليس هذا رائعا من أداة وسوف تكون مندهشا من ما يمكن أن يوفره jquery.

http://encosia.com/2008/05/29/29/sing-jquery-to-directly-call-aspnet-ajax-page-methods/

كما ذكرت أنك تريد تأثير "شريحة". أعتقد أن القيام بذلك، سيتعين عليك الغوص في أشياء موسعات ASP.NET AJAX الرسوم المتحركة، وهذا الإطار ليس جميلا أو لطيفا للعمل معه.

Answer 2

يمكنك البدء باستخدام UpdatePanel. يمكنك تحديث الأحداث لتحديث المحتوى فقط المضمن في UpdatePanel.

الرابط الرسمي نظرة عامة على ASP UpdatePanel

Answer 3

استخدام UpdatePanel هو وسيلة سهلة للحصول على سلوك Ajax في ASP.NET. سيقوم UndatePanel باستخدام معظم AJAX لك.

إليك برنامج تعليمي جيد:

http://www.asp.net/ajax/documentation/live/tutorials/introductionupdatepanel.aspx.

Answer 4

يجب أن تنظر في

انخفاض المتتالية

واستخدام JQuery لتغيير DIV من القائمة المنسدلة الثانية، انظر هنا

و jQuery ذات الصلة

<script type="text/javascript">
$(document).ready(function(){

$(".btn-slide").click(function(){
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active"); return false;
});


});

Answer 5

ربما السيطرة المتتالية المنسدلة من مجموعة أدوات التحكم ajax يمكن أن تساعدك:
http://www.asp.net/ajax/ajaxcontroltoolkit/samples/cascadingdropdown/cascadingdropdown.aspx.