عرض محتويات الحقل في تلميح أداة JQuery UI

Question

في SPD 2010، قمت بإنشاء صفحة aspx، حيث قمت بإدراج عرض بيانات فارغ.ثم قمت بتحديد القائمة، ثم الحقول التي تظهر على الصفحة.أرغب في دمج نافذة منبثقة "تلميح الأداة" والتي ستعرض المعلومات المرتبطة، والتي يتم تخزينها أيضًا في عنصر القائمة.لقد وجدت تلميح أداة jQuery UI الذي يبدو واعدًا.لقد عثرت أيضًا على عدد كبير من المكونات الإضافية لـ jQuery والتي تقوم بنفس الشيء بشكل أساسي ولكنها تبدو مختلفة. مشكلتي هي أنني لا أعرف كيفية دمج هذه (أو إذا كانوا سيعملون بهذه الطريقة) لذلك سيعرضون تلميح الأداة من خلال صفحة aspx.كيف فعلتها؟ أعتقد أنه تم إعدادها بحيث تقوم بإنشاء صفحة js الخاصة بك وإرفاقها من خلال CEWP للتأثير على عرض القائمة التي أنشأتها على صفحتك.

هل هناك طريقة سهلة للقيام بذلك؟إذا كان الأمر كذلك، يرجى إظهار الرمز (ومعاملتي كأحمق).كان الإعداد الذي كنت أفكر فيه هو إنشاء وظيفة OO والتي يمكنها سحب @listfield من القائمة وإظهارها كنافذة منبثقة.أنا متأكد من أنه سيكون هناك بعض أكواد CSS ذات ملف على الفأرة فوق و com.onmouseout الكود، لكني لا أعرف حقًا كيفية دمجه في صفحة ASPX لسحب المعلومات.

جانبًا، أنا لست متزوجًا من حل jQuery Tooltip.إذا كان لدى شخص ما طريقة أفضل للقيام بذلك، أو طريقة أسهل، فأنا سأقوم بذلك.

يحرر: أعتقد أنني بحاجة إلى إضافة أو إعادة صياغة سؤالي، كما أبحث عنه متحرك المحتوى في النافذة المنبثقة، والتي يتم سحبها من نفس القائمة مثل معلومات العرض.أنا قادر على تشغيل تلميح الأداة، دون الكثير من المشاكل.إنه يعطيني المدخلات العامة التي أقوم بتشفيرها في الصفحة.ما أحتاج إلى المساعدة فيه هو تكامل الكود.أنا أستخدم ما يلي لتشغيل qtip:

<script type="text/javascript">
    $(document).ready(function() { 
        $("[title]").each(function()
        {
            $(this).qtip();
        });
    });
</script>

ولعرضها كنافذة منبثقة:

<xsl:choose>
     <xsl:when test="@field='1','True','','i')=0">Yes</xsl:when>
     <xsl:otherwise><span title="Hey, this is a try.">No</span></xsl:otherwise>
</xsl:choose>

ضع في اعتبارك أن الكود الموجود في جزء "الاختبار" أكثر تفصيلاً على صفحتي لأسباب، لذلك لا تقلق بشأن أي أخطاء في بناء الجملة هناك، لقد قمت بدمج شيء ما معًا.لذا، السؤال الآخر هو، كيف يمكنني استبدال جزء "العنوان" من العرض في الكود أعلاه لتضمين البيانات الديناميكية في النافذة المنبثقة؟ افترض أن الحقل الثاني من القائمة هو @ Secondfield.

Answer 1

هذا سؤال واسع وهناك طرق متعددة للتعامل معه.

أولاً، عليك أن تقرر مكان الحصول على "المعلومات المرتبطة".إذا كان الأمر عبارة عن حقلين فقط، فيمكنك تحميلهما ضمن عرض البيانات.إذا كانت قطعة أكبر (على سبيل المثال.يتضمن صورًا)، ثم ستقوم بتحميله عند الطلب من خلال استدعاء AJAX عندما يحدد المستخدم عنصرًا.

[يحرر]استنادًا إلى نموذج التعليمات البرمجية الخاص بك، اخترت الخيار الأول - تحميل بيانات تلميح الأدوات في سمة العنوان.مع تغيير بسيط، يجب أن تكون قادرًا على جعل سمة العنوان ديناميكية، مثل هذا:

<span title="{@popupField}">