Asp.net 文本和图像在同一单元格中的Gridview

我正在尝试在asp.net页面上聊天。 我考虑过使用gridview，以便轻松使用datatable和添加一些文本。 最近我被要求画一些表情符号。所以现在我需要知道我是否可以把文本和图像放在同一个单元格中

我见过一些人在一个单元格中添加文本，在另一个单元格中添加图像，但从未在同一单元格中添加文本和图像

如果不可能，是否有其他解决方案或解决方法？ thanx提前

使用模板字段：

<asp:gridView...>

        <columns>

           <asp:TemplateField HeaderText="MyColumn">

          <ItemTemplate>

               <asp:Label ID="Label1" runat="server" Text='<%#
                          Bind("YourCellText") %>'></asp:Label>

                 <img src='<%#Bind("your image url")%>'/>
               </ItemTemplate>

           </asp:TemplateField>
        </columns>

'/>

---

为了处理表情符号，您需要能够插入和显示表情符号。这样，渲染的内容看起来如下所示：

    <p>This is some text followed by an emoticon 
       ##EmoteMarker## and 
       some more text.</p>

在数据绑定上

现在的诀窍是确定图像驻留在哪里

如果您的聊天用户正在使用某个intranet或聊天程序是基于web的，那么您可以在文本中使用基本的嵌入图像，只需确保html在gridview中正确编码/解码即可

但是，如果应用程序基于智能手机或是独立应用程序，则表情符号很可能存储在设备的本地，在这种情况下，标记符号可能被转换为使用应用程序的本地资源，而不是图像的中央存储库

或者……也许两者兼而有之

---

关键是，您可能需要在输入时解析文本以嵌入html图像标记，或者在显示之前解析文本以将标记转换为本地图像/精灵。我不确定您正在将何种类型的数据填充到数据表中。正如你提到的聊天这个词，我猜是这样的

var sampleData = "<p>Hello World <img src='http://placehold.it/100x100' /></p>";

var sampleData = "<p>Hello World <img src='http://placehold.it/100x100' /></p>";

<asp:TemplateField HeaderText="Chats">
    <ItemTemplate>
        <asp:Literal ID="Chats" runat="server" 
            Text='<%# Container.DataItem %>'>
        </asp:Literal>
    </ItemTemplate>
</asp:TemplateField>