How to bind a datalist in HTML in ASP.NET

Question

0.00/5 (No votes)

See more:

Am getting the values from server side through service return the value in xml.In Client Side am using the response to get the xml return value.I want to bind the datalist with this values in html.

What I have tried:

I tried Lots of method,But the datas Cannot be bind.Please help How to Bind the datalist n html in asp.net

Posted 28-Nov-16 19:47pm

Member 12857356

Updated 29-Nov-16 19:56pm

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Rahul Systematix · Answer 1 · 2016-11-29T19:56:00

Hi
Try this example
Markup

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Populate Data in HTML5 datalist using Asp.Net DataTable</title>
</head>
<body>
    <form id="form1" runat="server">
        <div style="padding:10px 5px;
            border:dashed 1px #CCC;
            width:300px;font:15px Arial;">

            Select Books <input list="books">
            <datalist id="books" runat="server"></datalist>
            
        </div>
    </form>
</body>
</html>

Code Behind (C#)

using System;

public partial class _Default : System.Web.UI.Page 
{
    System.Data.DataTable mytable = new System.Data.DataTable();

    protected void Page_Load(object sender, EventArgs e)
    {
        CreateBooksTable();
        PopulateDataList();
    }

    private void CreateBooksTable()
    {
        System.Data.DataColumn tColumn = null;
        // TABLE COLUMNS.

        tColumn = new System.Data.DataColumn("Book ID", System.Type.GetType("System.String"));
        mytable.Columns.Add(tColumn);

        mytable.Rows.Add("Advanced Composite Material");
        mytable.Rows.Add("Asp.Net 4 Blue Book");
        mytable.Rows.Add("Teaching Science");
        mytable.Rows.Add("Circuit Bending");
        mytable.Rows.Add("ADOBE Premiere");
    }

    private void PopulateDataList()
    {
         for (int i = 0; i <= mytable.Rows.Count - 1; i++)
        {
            // ADD VALUES TO .
            books.InnerHtml = books.InnerHtml + System.Environment.NewLine + 
                String.Format("<option value='{0}'>", mytable.Rows[i][0]);
        }
    }
}