Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > .NET Framework > Forum > [[[Show หมวดสินค้า ที่มีสินค้าอยู่ด้วย มีรูป ด้านใน ]]]] อยากให้มันแสดง 1 หน้า ต่อสินค้า 8 ชิ้น จะต้องเพิ่มหรือแก้ตรงไหน



 

[[[Show หมวดสินค้า ที่มีสินค้าอยู่ด้วย มีรูป ด้านใน ]]]] อยากให้มันแสดง 1 หน้า ต่อสินค้า 8 ชิ้น จะต้องเพิ่มหรือแก้ตรงไหน

 



Topic : 060112



โพสกระทู้ ( 160 )
บทความ ( 0 )



สถานะออฟไลน์




ผมอยากให้หน้าเพจแสดงสินค้า เพจละ 8 ตัว และถ้ามันมีเยอะก็ขึ้นหน้าเพจใหม่
ตอนนี้มันแสดงติดกันยาวไปเลยครับ
ทั้งหมดที่ทดลองใช่อยู่ครับ
บางทีอาจจะให้มันแสดงเหมือน แกลอลี่ ก็ดีนะครับ แต่ผมคิดไม่ออกละ จะลองหาทางดูก่อน และอยากให้มันได้ตามรูปนะครับ

showthumb

มี 3 ส่วนนะครับ
1 Default.aspx Product จะแสดง ในหน้านี้ เป็น หน้ารวมทั้งหมด
2 class ShowThumb แสดงสินค้าตัวเดียว
3 class ShowThumbList inherit มาจาก ShowThumb จะเอามาใช้เพื่อสร้าง list ของ thumbnail product

หน้า Default.aspx ไม่มีอะไรครับ

Default.aspx.cs
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.SqlClient;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using eCatalog.Class;

namespace eCatalog
{
    public partial class web : System.Web.UI.Page
    {        
        protected  void Page_Load(object sender, EventArgs e)
        {
            //แสดง Thumblist หลายๆตัว ใน 1 page
            ShowThumbList myThumbList = new ShowThumbList();
            myThumbList.RenderList(this);

            //แสดง Thumb เพียง 1 ตัว
            //ShowThumb myThumb = new ShowThumb();
            //myThumb.RenderItem(this);
        }       
    }
}


Class ShowThumb.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public class ShowThumb
{
    public string imageURL;
    protected string listText;
    protected int width, top, left, imageWidth;

    public ShowThumb()
    {
        imageWidth =20;
        imageURL = "Images/NO_IMAGE.jpg";        
        listText = "listText1";
        width = 100;
        top = 150;
        left = 20;
    }
    public void RenderItem(Control hostForm)
    {
        string htmlTable = @"
            <table border='1' cellpadding='2' cellspacing='2' 
                style='left: " + left + @"px; float: left; top:" + top + @"px; '>
              <tr > 
                    <td>
                        <a href=''><img href='' src='" + imageURL  + @"' border='1'></a>
                    </td>                    
                    <td>" + listText + @"<br>                           
                            [<a href=''>More</a>] 
                    </td>
              </tr>
             
            </table>
        ";
        hostForm.Controls.Add(new LiteralControl(htmlTable));
    }
}


ShowThumbList.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public class ShowThumbList : ShowThumb
{
    private string[] listImageURL;
    private string[] listListText;
    private int listTop, height, listCount, tmpLeft;
    private bool doubleCol;

    public string[] ListImageURL
    {
        set
        {
            listImageURL = new string[listCount];
            listImageURL = value;
        }
    }
    public string[] ListText
    {
        set
        {
            listListText = new string[listCount];
            listListText = value;
        }
    }
    public int Width
    {
        set
        {
            width = value;
        }
    }
    public int ImageWidth
    {
        set
        {
            imageWidth = value;
        }
    }
    public int Height
    {
        set
        {
            height = value;
        }
    }
    public int Top
    {
        set
        {
            listTop = value;
        }
    }
    public int Left
    {
        set
        {
            left = value;
            tmpLeft = left;
        }
    }
    public int ListCount
    {
        set
        {
            listCount = value;
            listCount--;
        }
    }
    public bool DoubleCol
    {
        set
        {
            doubleCol = value;
        }
    }

    public ShowThumbList()
    {
        listCount =20;
        height = 100;
        listImageURL = new string[listCount];       
        listListText = new string[listCount];       
        doubleCol = false;     
        
    }
    public void RenderList(Control hostForm)
    {
        for (int i = 0; i < listCount; i++)
        {
            top = listTop;
            imageURL = listImageURL[i];
            listText = listListText[i];

            if (doubleCol)
            {
                if (i % 2 == 1)
                {

                    left = left + width + 20;
                }
                else
                {
                    left = tmpLeft;
                }
            }

            RenderItem(hostForm);

            if (doubleCol)
            {
                if (i % 2 == 1)
                {
                    listTop += height;
                }  
            }
            else
            {
                listTop += height;
            }
                
        }
    }
}


Download srouce ได้เลยนะครับ http://www.mediafire.com/?mfwnnbf1duuy4gn



Tag : .NET, Ms SQL Server 2008, HTML/CSS, Web (ASP.NET), C#, VS 2005 (.NET 2.x)









ประวัติการแก้ไข
2011-05-12 13:54:34
2011-05-12 13:56:35
2011-05-13 09:23:23
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-05-12 13:50:55 By : chon2008 View : 1215 Reply : 6
 

 

No. 1



โพสกระทู้ ( 160 )
บทความ ( 0 )



สถานะออฟไลน์


แนวคิดของผมคือจะคล้าย thumbnail ของ gallery รูปภาพ แต่ของผมจะ มีรายละเอียด ชื่อสินค้า ราคาสินค้าเพิ่มเข้ามา
อีกอย่างหนึ่งคือ สินค้า ลำดับ ล่าสุด 8 ตัวจะถูกเรียกมาแสดง และหน้าต่อไปจะแสดงสินค้า 8 ตัวล่าสุดของ หมวดอื่นๆ

เช่น ถ้ามีหมวดสินค้า 3 หมวด
1 กางเกง
2 เสื้อ
3 หมวก

ดังนั้นจะมีหน้าทั้งหมด 3 หน้า แต่ละหน้าจะดึงสินค้ามาแสดง ในหน้ามันเอง หน้าละ 8 ตัว ของแต่ละหมวด
ถ้าเลื่อนหน้าต่อไปก็จะเป็นสินค้าของหมวดอื่น และเลือนต่อไปก็เป็นสินค้าของหมวดอื่น
ตอนนี้ผมยังทำให้ 1 หน้าแสดงสินค้า 8 ตัว ไม่ได้เลย ยังไม่รู้จะทำต่อไปอย่างไร ลองเอามาถามในบอร์ดดูก่อนครับ
ช่วยผมหน่อยนะครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-12 16:17:26 By : chon2008
 


 

No. 2



โพสกระทู้ ( 162 )
บทความ ( 0 )



สถานะออฟไลน์


ใช้ listview กับ DataPager

แก้ที่ GroupItemCount="4" คือแถวละกี่รูป
PageSize="4" ใน DataPager คือ หน้าละกี่รูป

code ประมาณนี้

<asp:ListView runat="server"
ID="lvProduct" GroupItemCount="4"
OnPagePropertiesChanging="listItems_PagePropertiesChanging"
>
<LayoutTemplate>
<div style="width: 640px;">
<asp:PlaceHolder runat="server" ID="groupPlaceHolder" />
</div>
</LayoutTemplate>
<GroupTemplate>
<div style="clear: both;">
<asp:PlaceHolder runat="server" ID="itemPlaceHolder" />
</div>
</GroupTemplate>
<ItemTemplate>
<div class="productItem">
<div>
<img src='<%# Eval("PicUrl") %>'
height="120" width="120" />
</div>
<div>
<b>
<%# Eval("prodName") %></b></div>
<div>
ราคา : <%# Eval("Price") %>&nbsp; บาท</div>
</div>
</ItemTemplate>
<ItemSeparatorTemplate>
<div class="itemSeparator">
</div>
</ItemSeparatorTemplate>
<GroupSeparatorTemplate>
<div class="groupSeparator">
</div>
</GroupSeparatorTemplate>
<EmptyDataTemplate>
</EmptyDataTemplate>
</asp:ListView>
</td>
</tr>
<tr>
<td>
<asp:DataPager ID="dataPager" runat="server"
PagedControlID="lvProduct" QueryStringField="page"
PageSize="4">
<Fields>
<asp:NumericPagerField />
</Fields>
</asp:DataPager>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-12 16:27:35 By : superpheak
 

 

No. 3



โพสกระทู้ ( 160 )
บทความ ( 0 )



สถานะออฟไลน์


ListView มันอยู่ในเฟรมเวิค อะไรครับ ผมใส่ไม่ได้
ผมใช้ เฟรมเวิค 2.0 ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-12 17:21:28 By : chon2008
 


 

No. 4



โพสกระทู้ ( 160 )
บทความ ( 0 )



สถานะออฟไลน์


ตัวผมเคยใช้ while loop เพื่อวนเอาสินค้าออกมา แต่ไม่เคยใช้ วนเอาสินค้ามาใส่หมวด แล้ว แสดง ออกเป็นหมวดๆ
งงมาก ใครพอมี ตัวอย่าง ช่วยชี้แนะด้วยครับ
ขอคำแนะนำเป็น .net ก็ดีเลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-13 09:20:37 By : chon2008
 


 

No. 5



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ตัวอย่างการใช้ ListView กับ DataPager

Go to : ASP.NET DataPager - asp:DataPager
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-13 13:26:36 By : webmaster
 


 

No. 6



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ตอบความคิดเห็นที่ : 3 เขียนโดย : chon2008 เมื่อวันที่ 2011-05-12 17:21:28
รายละเอียดของการตอบ ::
ListView รู้สึกจะ 3.0 ขึ้นครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-13 13:27:57 By : webmaster
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : [[[Show หมวดสินค้า ที่มีสินค้าอยู่ด้วย มีรูป ด้านใน ]]]] อยากให้มันแสดง 1 หน้า ต่อสินค้า 8 ชิ้น จะต้องเพิ่มหรือแก้ตรงไหน
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่