Datagridview two textbox auto complete view in gridview

sir follow some steps

1- add a class to retrive generic data

class test
{
public string Name { get; set; }
public string Cat { get; set; }
}

2- In the code behind ad the fuction and call in form load event

private void showsingledatarowlinq()
{
List records = new List();
test obj = new test();
obj.Name = "asdf";
obj.Cat = "1";
records.Add(obj);
test obj1 = new test();
obj1.Name = "asdf";
obj1.Cat = "2";
records.Add(obj1);
Gridview1.AutoGenerateColumns = false;
Gridview1.DataSource = records;
Gridview1.DataBind();
}

call the function in the fomeload event

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

the below is the htnl page given

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DatagridAutocompletetextbox.aspx.cs" Inherits="Interfaz2.Expandclose" %>
>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>title>
<style>
.txt_Style {
}
style>
<style>
.ui-autocomplete {
cursor:pointer;
height:120px;
overflow-y:scroll;
}
style>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js">script>
<script>
$(document).ready(function () {
BindControls();
});
function BindControls() {
var Countries = ['ARGENTINA',
'AUSTRALIA',
'BRAZIL',
'BELARUS',
'BHUTAN',
'CHILE',
'CAMBODIA',
'CANADA',
'CHILE',
'DENMARK',
'DOMINICA'];
$('.txt_Style').autocomplete({
source: Countries,
minLength: 0,
scroll: true
}).focus(function () {
$(this).autocomplete("search", "");
});
}
script>
head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="Gridview1" runat="server">
<Columns>
<asp:TemplateField HeaderText ="Name">
<ItemTemplate>
<asp:TextBox ID="txtname" CssClass="txt_Style" Text='<% #Bind("Name") %>' runat="server">asp:TextBox>
ItemTemplate>
asp:TemplateField>
<asp:TemplateField HeaderText="Catagory">
<ItemTemplate>
<asp:TextBox ID="txtcatagory" Text= '<% #Bind("Cat") %>' runat="server">asp:TextBox>
ItemTemplate>
asp:TemplateField>
Columns>
asp:GridView>
div>
form>
body>
html>

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Laxmidhar Sahoo8y ago
Accepted answer
sir follow some steps

1- add a class to retrive generic data
class test
{
public string Name { get; set; }
public string Cat { get; set; }
}
2- In the code behind ad the fuction and call in form load event
private void showsingledatarowlinq()
{
List records = new List();
test obj = new test();
obj.Name = "asdf";
obj.Cat = "1";
records.Add(obj);
test obj1 = new test();
obj1.Name = "asdf";
obj1.Cat = "2";
records.Add(obj1);
Gridview1.AutoGenerateColumns = false;
Gridview1.DataSource = records;
Gridview1.DataBind();
}
call the function in the fomeload event
protected void Page_Load(object sender, EventArgs e)
{
showsingledatarowlinq();
}
the below is the htnl page given
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DatagridAutocompletetextbox.aspx.cs" Inherits="Interfaz2.Expandclose" %>
>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>title>
<style>
.txt_Style {
}
style>
<style>
.ui-autocomplete {
cursor:pointer;
height:120px;
overflow-y:scroll;
}
style>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js">script>
<script>
$(document).ready(function () {
BindControls();
});
function BindControls() {
var Countries = ['ARGENTINA',
'AUSTRALIA',
'BRAZIL',
'BELARUS',
'BHUTAN',
'CHILE',
'CAMBODIA',
'CANADA',
'CHILE',
'DENMARK',
'DOMINICA'];
$('.txt_Style').autocomplete({
source: Countries,
minLength: 0,
scroll: true
}).focus(function () {
$(this).autocomplete("search", "");
});
}
script>
head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="Gridview1" runat="server">
<Columns>
<asp:TemplateField HeaderText ="Name">
<ItemTemplate>
<asp:TextBox ID="txtname" CssClass="txt_Style" Text='<% #Bind("Name") %>' runat="server">asp:TextBox>
ItemTemplate>
asp:TemplateField>
<asp:TemplateField HeaderText="Catagory">
<ItemTemplate>
<asp:TextBox ID="txtcatagory" Text= '<% #Bind("Cat") %>' runat="server">asp:TextBox>
ItemTemplate>
asp:TemplateField>
Columns>
asp:GridView>
div>
form>
body>
html>
0
Sagar Pandurang Kap8y ago
What is actual problem??
What do you want to do?
Provide code snippet if you doesnt have any problem
0
Bharathi Raja8y ago
EX:

name unitprice category sub_total total
name and category autocomplete in gridview c# code

database to view name and category
0
Sagar Pandurang Kap8y ago
i didnt get your quesstion.Elaborate more.
0