Vahid_moghaddam
دوشنبه 11 مرداد 1389, 01:26 صبح
با توجه به سوال هایی که چند وقت پیش درباره استفاده از کنترل های jQuery به صورت دینامیک (خوندن اطلاعات از دیتابیس) مطرح شده بود، یک نمونه کوچک ضمیمه کردم.
در این نمونه، یک Image Slider و یک News Ticker وجود داره. این دو plugin هم مانند تمام plugin های jQuery نیاز دارند که اطلاعات لازم رو برای نمایش در فرمتی خاص، به اونها بدیم. خیلی از plugin ها از تگ ul استفاده می کنند. تنها کاری که لازمه انجام بشه، خوندن مقادیر از Database و تشکیل این فرمت با استفاده از داده های خونده شده است. این فرمت رو می تونیم به صورت string بیاریم و در کنترلی مثل Literal نمایش بدیم. همچنین می تونیم داده ها رو در فرمت xml یا Generic List یا json یا ... برای در خواست های ajax آماده کنیم و تگ مربوط رو در سمت کلاینت و با استفاده از java script یا jquery ایجاد کنیم. مرحله آخر اعمال plugin به این تگ هست.
در data.cs در پروژه ضمیمه شده، از یک DataContext واحد برای تمام درخواست ها استفاده می شه. این درست نیستو یا باید برای هر درخواست new بشه و یا باید برای هر HttpContext از DataContext یکسان استفاده بشه. با پوزش به خاطر این سهل انگاری در کد.
لینک plugin های استفاده شده:
http://plugins.jquery.com/project/galleryview
http://plugins.jquery.com/project/BBCnewsTicker
در این نمونه، یک Image Slider و یک News Ticker وجود داره. این دو plugin هم مانند تمام plugin های jQuery نیاز دارند که اطلاعات لازم رو برای نمایش در فرمتی خاص، به اونها بدیم. خیلی از plugin ها از تگ ul استفاده می کنند. تنها کاری که لازمه انجام بشه، خوندن مقادیر از Database و تشکیل این فرمت با استفاده از داده های خونده شده است. این فرمت رو می تونیم به صورت string بیاریم و در کنترلی مثل Literal نمایش بدیم. همچنین می تونیم داده ها رو در فرمت xml یا Generic List یا json یا ... برای در خواست های ajax آماده کنیم و تگ مربوط رو در سمت کلاینت و با استفاده از java script یا jquery ایجاد کنیم. مرحله آخر اعمال plugin به این تگ هست.
در data.cs در پروژه ضمیمه شده، از یک DataContext واحد برای تمام درخواست ها استفاده می شه. این درست نیستو یا باید برای هر درخواست new بشه و یا باید برای هر HttpContext از DataContext یکسان استفاده بشه. با پوزش به خاطر این سهل انگاری در کد.
لینک plugin های استفاده شده:
http://plugins.jquery.com/project/galleryview
http://plugins.jquery.com/project/BBCnewsTicker