从数据库中选择，从项目中制作图标

Question

我想做的基本上就是这张照片所显示的内容。

当我从树视图中选择某些内容时，它会将一个参数传递给 linq 命令，该命令从数据库中选择一些数据。对于选择中的每个项目，我想制作一个图标和一个文本来表示该项目是文件夹还是文件。 当我推送图标或链接时，我希望它执行与推送树视图相同的操作，将参数传递给 linq 命令，该命令再次从数据库中选择并填充占位符。

我现在这样做的方法是在 runtima 中制作一个包含 ImageButton 和 LinkBut​​ton 的面板。然后我将面板添加到 ContentPlaceHolder。 问题在于，每次我选择新内容时它都会执行此操作，而且如果按下图标或链接按钮（仅从树视图中按下图标或链接按钮），我也无法使其工作。

我可以使用一些控制器和 CSS 来获得图标的外观吗？ 还有其他更好的方法吗？

这与 Windows 中的资源管理器使用的系统基本相同，树视图仅显示文件夹，但窗口显示文件夹和文件。当我单击一个文件夹时，该文件夹将打开，主窗口中将填充该文件夹内的项目。如果我单击一个文件，编辑器将打开并显示该文件的内容。

Answer 1

不确定我是否 100% 理解你的问题，但我想我明白了要点。

我假设您首先需要文件夹，然后是文件。我将在此区域中创建两个中继器，一个用于保存文件夹图像和链接按钮，另一个用于文件图像和链接按钮。

将 linq 命令分解为两个查询，一个用于获取文件夹，另一个用于获取文件。然后只需将中继器绑定到相应的中继器即可。

下面是一些可以帮助您入门的代码：

<asp:Repeater ID="rptFolders" runat="server" OnItemCommand="rptFolders_ItemDataBound">
    <ItemTemplate>
        <div>
            <asp:ImageButton ID="btnImage" runat="server" />
            <asp:LinkButton ID="btnLink" runat="server" />
        </div>
    </ItemTemplate>
</asp:Repeater>

调用 DataBind() 后的代码：

protected void rptFolders_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        Book book = (Book)e.Item.DataItem; //Or whatever your passing

        ImageButton btnImage = e.Item.FindControl("btnImage");
        LinkButton btnLink = e.Item.FindControl("btnLink");

        btnLink.Text = book.Name;

        btnLink.Click += new EventHandler(FolderClicked);
        btnImage.Click += new ImageClickEventHandler(FolderClicked);
    }
}

显然，您可以使用 Click 事件执行任何您想要的操作，只需将这些添加到其中即可。

我可能会创建一个文件夹和文件控件并使用它们而不是图像按钮/链接按钮组合，这样我就可以存储有关文件夹/文件的更多信息以便稍后访问它们，而无需执行另一个查询来获取 ID 或其他内容。但有一百万种方法，选择你认为最好的一种。

如果您需要此解决方案的更多指导，或者我不明白您的问题，请告诉我。

快乐编码...

Answer 2

抱歉，必须添加为另一个答案。下面是文件夹用户控件的快速示例。

创建您的控件...按照您想要的格式。

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="FolderButton.ascx.cs" Inherits="FolderButton" %>
<div>
    <asp:ImageButton ID="btnImage" runat="server" ImageUrl="yourfolder.jpg" />
    <asp:LinkButton ID="btnTitle" runat="server" />
</div>

将属性和单击事件添加到后面的代码中（不要忘记在单击图像和链接按钮时触发单击事件）：

public partial class FolderButton : System.Web.UI.UserControl
{
    public int DatabaseId { get; set; }
    public string Name { get; set;}  // you can even set your linkbutton text here. 

    public event EventHandler Click;
}

创建文件夹按钮控件的转发器：

 <asp:Repeater ID="rptFolders" runat="server" OnItemDataBound="rptFolders_ItemDataBound">
            <ItemTemplate>
                <uc1:FolderButton ID="FolderButton1" runat="server" />
            </ItemTemplate>
        </asp:Repeater>

在数据绑定上设置文件夹 ID：

protected void rptFolders_ItemDataBound(object sender, RepeaterItemEventArgs e)        
{        
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)        
    {        
        Book book = (Book)e.Item.DataItem; //Or whatever your passing        

        FolderButton btnFolder = e.Item.FindControls("FolderButton1");

        btnFolder.Name=book.Name;
        btnFolder.DatabaseId=book.Id;

        btnFolder.Click += new EventHandler(FolderClicked);        
    }        
}     

最后，您可以执行任何操作想了解该活动请点击：

     void FolderClicked(object sender, EventArgs e)
{
     int id = ((FolderButton)sender).DatabaseId;

     /// Do something with your Id
}

如果有任何不清楚的地方，请告诉我。这只是一个快速徒手示例，因此请原谅任何拼写错误或不良做法...代码仅用于演示目的。