How to bind image with radiobutton inside gridviewltaspGridView ID34grdTest34 runat34server34 AllowPaging34false34 Width3410034 AutoGenerateColumns34False34 CellPadding341034 ForeColor3433333334 DataKeyNames34id34gt ltAlternatingRowStyle BackColor34f7f7f734 ForeColor34Black34 fontitalic34false34gt ltHeaderStyle CssClass34HeaderGrid34 gt ltRowStyle CssClass34IsiGrid34 W

Hi ariekerenPlease refer below sampleHTMLltaspGridView ID34grdTest34 runat34server34 AllowPaging34false34 Width3410034 AutoGenerateColumns34False34 CellPadding341034 ForeColor3433333334 DataKeyNames34id34gt ltAlternatingRowStyle BackColor34f7f7f734 ForeColor34Black34 FontItalic34false34 gt ltHeaderStyle CssClass34HeaderGrid34 gt ltRowStyle CssClass34IsiGrid34 Wrap34TRUE34 gt ltColumnsgt ltaspTemplateField HeaderText34No34gt ltItemTemplategt lt ContainerDataItemIndex 1 gt ltItemTemplategt ltHeaderStyle Width3430px34 HorizontalAlign34Center34 gt ltItemStyle Width3430px34 gt ltaspTemplateFieldgt ltaspTemplateField HeaderText34Pertanyaan34gt ltItemTemplategt l

Bind Image from Folder (Directory) and RadioButton inside ASP.Net GridView using C# and VB.Net

arie.ker...

SOLVED CLOSED ACTIVE ANSWERED
User: arie.keren
Posted: on Feb 17, 2019 09:23 PM
Forum: Data Controls
Answer: 1
Views: 1760
Sample Code: Download

How to bind image with radiobutton inside gridview.

<asp:GridView ID="grdTest" runat="server" AllowPaging="false" Width="100%"
    AutoGenerateColumns="False" CellPadding="10" ForeColor="#333333" 
    DataKeyNames="id">
    <AlternatingRowStyle BackColor="#f7f7f7" ForeColor="Black" font-italic="false"/>
    <HeaderStyle CssClass="HeaderGrid" />
    <RowStyle CssClass="IsiGrid" Wrap="TRUE" />
    <Columns>
        <asp:TemplateField HeaderText="No.">
            <ItemTemplate>
                <%# Container.DataItemIndex + 1 %>
            </ItemTemplate>
            <HeaderStyle Width="30px" HorizontalAlign="Center" />
            <ItemStyle Width="30px" />
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Pertanyaan">
            <ItemTemplate>
                <asp:Label ID="kode" runat="server" Text='<%#Eval("id") %>' Visible="false"></asp:Label>
                <h5 class="mb-2"><asp:Label ID="qstn" runat="server" Text='<%#Eval("pertanyaan") %>'></asp:Label></h5>
                <img alt="" src='../../../gambar/<%#Eval("gambar") %>' /><br />
                <asp:RadioButton ID="rad1" runat="server" Text='<%#Eval("pil2") %>' GroupName="A" /><br />
                <asp:RadioButton ID="rad2" runat="server" Text='<%#Eval("pil2") %>' GroupName="A" /><br />
                <asp:RadioButton ID="rad3" runat="server" Text='<%#Eval("pil3") %>' GroupName="A" /><br />
                <asp:RadioButton ID="rad4" runat="server" Text='<%#Eval("pil4") %>' GroupName="A" /><br />
                <asp:RadioButton ID="rad5" runat="server" Text='<%#Eval("pil5") %>' GroupName="A" /><br />
                <asp:HiddenField ID="hf" runat="server" Value='<%#Eval("kode_jawaban") %>' />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

    Private Sub BindTest()
        Dim connectionString As String = WebConfigurationManager.ConnectionStrings("conn").ConnectionString

        sqlString = String.Empty
        sqlString = "select id, pertanyaan = question, gambar = image, pil1 = op1_image, pil2 = op2_image, pil3 = op3_image, pil4 = op4_image, pil5 = op5_image, kode_jawaban = subject_code" & Chr(10)
        sqlString = sqlString & "from m_test_lemdi_da (nolock)" & Chr(10)
        sqlString = sqlString & "order by NEWID()"

        Dim request As String = sqlString
        Using con As New SqlConnection(connectionString)
            Dim ds As New DataSet()
            Dim da As New SqlDataAdapter(request, connectionString)

            da.SelectCommand.CommandTimeout = 0
            da.Fill(ds, "test")
            If ds.Tables(0).Rows.Count = 0 Then
                ds.Tables(0).Rows.Add(ds.Tables(0).NewRow())
                grdTest1.DataSource = ds
                grdTest1.DataBind()

                grdTest1.Rows(0).Cells.Clear()
            Else
                grdTest1.AutoGenerateColumns = False
                grdTest1.DataSource = ds
                grdTest1.DataBind()
            End If
        End Using
    End Sub

Download FREE API for Word, Excel and PDF in ASP.Net

pandeyis...

0 3

Reply
ANSWER
User: pandeyism
Replied: on Feb 18, 2019 06:02 AM
Report

Hi arie.keren,

Please refer below sample.

HTML

<asp:GridView ID="grdTest" runat="server" AllowPaging="false" Width="100%" AutoGenerateColumns="False"
    CellPadding="10" ForeColor="#333333" DataKeyNames="id">
    <AlternatingRowStyle BackColor="#f7f7f7" ForeColor="Black" Font-Italic="false" />
    <HeaderStyle CssClass="HeaderGrid" />
    <RowStyle CssClass="IsiGrid" Wrap="TRUE" />
    <Columns>
        <asp:TemplateField HeaderText="No.">
            <ItemTemplate>
                <%# Container.DataItemIndex + 1 %>
            </ItemTemplate>
            <HeaderStyle Width="30px" HorizontalAlign="Center" />
            <ItemStyle Width="30px" />
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Pertanyaan">
            <ItemTemplate>
                <asp:Label ID="kode" runat="server" Text='<%#Eval("id") %>' Visible="false"></asp:Label>
                <img alt="" src='<%#Eval("Path") %>' /><br />
                <asp:RadioButton ID="rad1" runat="server" Text='<%#Eval("Name") %>' GroupName="A" /><br />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Namespaces

using System.Configuration;
using System.Data.SqlClient;
using System.Data;

VB.Net

Imports System.Data.SqlClient
Imports System.Data

Code

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
        using (SqlConnection conn = new SqlConnection(constr))
        {
            using (SqlDataAdapter sda = new SqlDataAdapter("SELECT * FROM tblFilespath", conn))
            {
                DataTable dt = new DataTable();
                sda.Fill(dt);
                grdTest.DataSource = dt;
                grdTest.DataBind();
            }
        }
    }
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not Me.IsPostBack Then
        Dim constr As String = ConfigurationManager.ConnectionStrings("constr").ConnectionString
        Using conn As SqlConnection = New SqlConnection(constr)
            Using sda As SqlDataAdapter = New SqlDataAdapter("SELECT * FROM tblFilespath", conn)
                Dim dt As DataTable = New DataTable()
                sda.Fill(dt)
                grdTest.DataSource = dt
                grdTest.DataBind()
            End Using
        End Using
    End If
End Sub

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Bind Image from Folder (Directory) and RadioButton inside ASP.Net GridView using C# and VB.Net

Company

Explore

Follow us

Contact Us