دوره های آموزشی
خانه / دسته‌بندی نشده / نمایش جزئیات سطرهای GridView در ToolTip هنگام رویداد MouseHover با استفاده از jQuery در ASP.Net

نمایش جزئیات سطرهای GridView در ToolTip هنگام رویداد MouseHover با استفاده از jQuery در ASP.Net

در این مقاله با استفاده از یک مثال نحوه نمایش جزئیات سطرهای GridView در ToolTip هنگام رویداد MouseHover  با استفاده از jQuery  در ASP.Net شرح داده می شود.

کد های HTML

کد های HTML  شامل یک GridView  با 2 ستون BoundField  می شود.

Namespace ها

فضاهای نام زیر را به صفحه اضافه کنید.

#C

VB.Net

بایند کردن محتوای GridView و ToolTip به سطرهای GridView

GrideView را با داده های زیر پر می کنیم ، دقت داشته باشید که DataTable شامل 3 ستون است در حالیکه  GridView  تنها دو ستون از نوع BoundField دارد.

ستون سوم که در مثال زیرتوضیحات است  به عنوان ToolTip برای GridView  در داخل رویداد OnRowDataBound مقدار دهی می شود.این ToolTip زمانی نمایش داده می شود که mouse  برروی GridView  قرار گیرد.

#C

VB.Net

در سمت کاربر یک حلقه jQuery  برروی سطرهای GridView مانند HTML TR  اجرا می شود که هر سطر GridView به وسیله پلاگین SimpleTip در jQuery استفاده میشود. به عنوان مثال وقتی که موس برروی هر سطر GridView  قرار حرکت می کند ToolTip  جزئیات سطرها را نمایش می دهد.

استایل دهی ToolTip

کد های CSS زیر برای استایل دهی SimpleTip استفاده می شوند

دانلود فایل های مثال

درباره ی محمد آذرنیوا

من محمد آذرنیوا، نویسنده و مدرس دوره های برنامه نویسی ، طراحی وب و تحلیل گر پایگاه داده هستم و قصد دارم در این وبسایت مطالب کاربردی در این زمینه را با شما به اشتراک بگذارم. بیشتر از یک برنامه نویس باشید...

همچنین ببینید

برنامه نویسی چیست

برنامه نویسی چیست و برنامه نویسان چه کاری انجام می دهند ؟ (اینفوگرافیک)

در این اینفوگرافی به سوالاتی از قبیل برنامه نویسی چیست ، برنامه های کامپیوتری چگونه ...

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *