PDA

View Full Version : طراحی یک dataList با قابیلت Move Over


hadisalahi2
پنج شنبه 07 اسفند 1393, 10:21 صبح
سلام به همگی دوستان

بچه ها این تصویر زیر رو ببینید:

128883

به نظر شما این یک DataList هستش یا کامپوننت خاصیه؟

وقتی ماوس رو روی شکل میبریم ، به صورت سمت چپی میشه؟

چطوری میتونم همچین چیزی طراحی کنم؟

اگه کامپوننت خاصیه ممنوم میشم معرفی کنید
golbafan
پنج شنبه 07 اسفند 1393, 10:36 صبح
فکر کنم کامپوننت های telerik و tms .net این رو داشت
hadisalahi2
پنج شنبه 07 اسفند 1393, 10:56 صبح
میشه بگی اسمش چیه و از کجا گیرش بیارم؟
ahmad156
پنج شنبه 07 اسفند 1393, 12:14 عصر
یه Style ساده هست.ربطی به کنترل های ASP.NET نداره.شما به راحتی میتونین با Repeater اون رو پیاده سازی کنین و Style مورد نظر رو بهش بدین
hadisalahi2
پنج شنبه 07 اسفند 1393, 16:06 عصر
شما به راحتی میتونین با Repeater اون رو پیاده سازی کنین و Style مورد نظر رو بهش بدین

ببخشید من توی دات نت خیلی آماتور هستم
اگه امکانش هست روشش رو بهم یاد بدید
یا یک نمونه کد بهم معرفی کنید
keiv@n
پنج شنبه 07 اسفند 1393, 16:27 عصر
سلام به همگی دوستان

بچه ها این تصویر زیر رو ببینید:

128883

به نظر شما این یک DataList هستش یا کامپوننت خاصیه؟

وقتی ماوس رو روی شکل میبریم ، به صورت سمت چپی میشه؟

چطوری میتونم همچین چیزی طراحی کنم؟

اگه کامپوننت خاصیه ممنوم میشم معرفی کنید

سلام

چه لزومی داره حتما از کنترل های دیتا باند استفاده کنی ؟

بیا فیلد های پایگاه دادتو داخل یه کانتینر بریز (هر کنترل ای اس پی که فک می کنی این قابلیتو داره مثلا لیست باکس (اگه جدولت دوتا فیلد داره) یا اگر فیلدها بیشتره از گرید ویو استفاده کن ....) بعدش گریدویو رو هیدن کن کسی نبینش

بعد بیا با جی کوئری و تابع ()append هر بلایی خواستی سر استایل کنترل نمایشیت بیار ....

مثلا $("<myContainer").append("<td></td#")
CsharpNevisi
پنج شنبه 07 اسفند 1393, 18:28 عصر
با کدهای CSS3 میتونی خیلی راحت این کارو بکنی ... جز داینامیک کردنش دیگه هیچ ربطی به دات نت نداره .. هرچی بیشتر از CSS استفاده کنی بهتره .. !!!
یه نمونه خیلی ساده برات درست کردم
keiv@n
جمعه 08 اسفند 1393, 10:09 صبح
یه چیزی که الان دیدم ... میتونی برا پیاده سازی عکسی که نشون دادی از datalist هم استفاده کنی RepeatDirection =Horizontal
, RepeatColumns = 2
منبع (https://msdn.microsoft.com/en-us/library/bb525467.aspx)
CsharpNevisi
جمعه 08 اسفند 1393, 18:52 عصر
با کدهای CSS3 میتونی خیلی راحت این کارو بکنی ... جز داینامیک کردنش دیگه هیچ ربطی به دات نت نداره .. هرچی بیشتر از CSS استفاده کنی بهتره .. !!!
یه نمونه خیلی ساده برات درست کردم

ععععههههههه ... اشتباه ضمیمه کردم :لبخند::لبخند::لبخند::لبخند:: بخند::لبخند::لبخند::لبخند::ل خند::لبخند::لبخند: فایلی ک درست کردمم پاک کردم :گیج::گیج::گیج:
hadisalahi2
جمعه 08 اسفند 1393, 19:35 عصر
چه لزومی داره حتما از کنترل های دیتا باند استفاده کنی ؟


به دلیل اینکه اطلاعات باید از جدول بانک خونده بشه و استاتیک نیست.



بیا فیلد های پایگاه دادتو داخل یه کانتینر بریز (هر کنترل ای اس پی که فک می کنی این قابلیتو داره مثلا لیست باکس (اگه جدولت دوتا فیلد داره) یا اگر فیلدها بیشتره از گرید ویو استفاده کن ....) بعدش گریدویو رو هیدن کن کسی نبینش

GirdView این قابلیت رو نداره که اینطوری بشه اطلاعات رو سفارشی نشون داد.



با کدهای CSS3 میتونی خیلی راحت این کارو بکنی ... جز داینامیک کردنش دیگه هیچ ربطی به دات نت نداره .. هرچی بیشتر از CSS استفاده کنی بهتره .. !!!


میشه لطفا دوباره یک نمونه برام ایجاد کنی ، خیلی ممنونت میشم.



یه چیزی که الان دیدم ... میتونی برا پیاده سازی عکسی که نشون دادی از datalist هم استفاده کنی RepeatDirection =Horizontal
, RepeatColumns = 2


ببینید اصل چیزی که من میخوام داشتن اون افکتی هست که وقتی ماوس روی یک کالا قرار می گیره

وقتی روی عکس سمت راست ماوس رو میبرم ، هم اون کادر سفید سایه دار میشه و هم اون گزینه های پایین بهش اضافه میشه

حالا به نظر خودم اومد که این کار رو باید با DataList انجام بدم
اما پیاده سازی اون افکت ها برام مهمه و میخوام اونها رو بهش اعمال کنم

حالا چه با DataList چه با هر کنترلی که بشه این کار رو انجام داد.
hadisalahi2
شنبه 09 اسفند 1393, 09:55 صبح
دوستان این آدرس رو نگاه کنید
http://cabintajhiz.com/
شاید متوجه منظورم بشید

من دقیقا این چیزی که توی این سایت پیاده سازی شده رو لازم دارم