Web Forms :: Which Autocomplete For Textbox Is Better In JQuery Or AutoCompleteExtender
May 15, 2012Which is best one to autocomplete textbox whether ajax autocomplete or jquery autocomplete ....
View 1 RepliesWhich is best one to autocomplete textbox whether ajax autocomplete or jquery autocomplete ....
View 1 RepliesI want to have textbox auto complete with sql database but i do not want to use ajax extender ...
View 1 RepliesHow can I use jquery with wcf service. The following is the method for my wcf service.
[Code]....
I want similar functionality of asp.net ajaxAutocompleteExtender using the jquery. How can I achieve this using jquery?
I want to display Textbox and its Id in AutoComplete.Lets say If i select Po in textbox i have to get 1!postbox in the auto complete.Here 1 is id of postbox text.
View 2 RepliesApologies for posting the ten billionth jQuery autocomplete question...I'm having trouble with a jQuery UI autocomplete textbox.I'm unsure if I'm doing the right thing client-side to re-populate the autocomplete data source following keystrokes.The javascript in my aspx page is as follows:
$(function() {
$("#<%=txtAuthorityName.ClientID%>").autocomplete({
minLength: 2,
[code]...
My datasource returns up to 3 different values for each item: a contact name, a company name, and an email address
The problem is, this ends up returning the same company names multiple times in the returned list of suggestions
Is there a way to weed these duplicate items out using JQuery or is there another method I should use?
Here is my implementation
[Code]....
I am using jquery autocomplete textbox with generic handler,my problem is i have four master page,in that master page i just take
query like this....
<link href="../css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.autocomplete.js" type="text/javascript"></script>
<script type="text/javascript"> $(document).ready(function () {
$("#<%=this.txtAuthorName.ClientID%>").autocomplete('Search_CS.ashx');
}); </script>
Suppose at the time of page add when i select master page ex(Default.aspx page with master page )then jquery autocomlplete texxbox is working fine ,but not working in dynamic created .aspx page..one example
I display product in my default page when i select that product ,it will go to details page means (53-arts-photography-and-design.aspx productid , prodname and desc ) if u want code then i will send code.
How to find url when I am selected name in autocomplete textbox
show url--------- http://www.addhr.aspx?id=6
i am using JQuery UI Autocomplete with asp.net textbox.AutoComplete works right.but how can i assign selected ID of returned Data to an hiddenField?My server Side Function returned list of objects that contains (this is an example) :
public List<Employee> GetEmployeeList()
{
List<Employee> empList = new List<Employee>();
empList.Add(new Employee() { ID = 1, Email = "Mary@somemail.com" });
empList.Add(new Employee() { ID = 2, Email = "John@somemail.com" });
empList.Add(new Employee() { ID = 3, Email = "Amber@somemail.com" });
empList.Add(new Employee() { ID = 4, Email = "Kathy@somemail.com" });
empList.Add(new Employee() { ID = 5, Email = "Lena@somemail.com" });
empList.Add(new Employee() { ID = 6, Email = "Susanne@somemail.com" });
empList.Add(new Employee() { ID = 7, Email = "Johnjim@somemail.com" });
empList.Add(new Employee() { ID = 8, Email = "Jonay@somemail.com" });
empList.Add(new Employee() { ID = 9, Email = "Robert@somemail.com" });
empList.Add(new Employee() { ID = 10, Email = "Krishna@somemail.com" });
return empList;
}
and this is ASPX Code :
<form id="form1" runat="server">
<div class="demo">
<div class="ui-widget">
<label for="tbAuto">
Enter Email:
</label>
<asp:TextBox ID="tbAuto" class="tb" runat="server">
</asp:TextBox>
</div>
</div>
<asp:TextBox ID="TextBox1" runat="server">
</asp:TextBox>
<asp:Label runat="server" ID="lbl" Text=""></asp:Label>
<asp:HiddenField runat="server" ID="hidid" />
<asp:Button ID="Button1" runat="server" Text="Button" />
</form>
here is my jquery Code :
<script type="text/javascript">
$(function () {
$(".tb").autocomplete({
select: function( event, ui ) {
// now assign the id of the selected element into your hidden field
$("#<%= hidid.ClientID %>").val( ui.item.ID );
},
source: function (request, response) {
$.ajax({
url: "Default.aspx/FetchEmailList",
data: "{ 'mail': '" + request.term + "' }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
dataFilter: function (data) { return data; },
success: function (data) {
response($.map(data.d, function (item) {
return {
value: item.Email
}
}
)
)
}
,
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
alert(errorThrown);
}
});
},
minLength: 1
});
});
</script>
And this is My WEb Method Side Code :
<WebMethod()> _
Public Shared Function FetchEmailList(ByVal mail As String) As List(Of Employee)
Dim emp = New Employee()
Dim fetchEmail = emp.GetEmployeeList()
Return fetchEmail
End Function
I am using autocomplete jquery textbox in gridview , for first time when grid view is binded autocomplete jquery textbox works , when new row is dynamically added with textbox, the code is not working
<script type="text/javascript">
$(document).ready(function() {
$("*[id$=Gridview1] input[id$=txtHead]").autocomplete('Search_CS.ashx');
});
</script>
[Code] .....
I am trying to use j-query autocomplete but i am getting this error: "The name 'txt_UID' does not exist in the current context" ..
I am using the code but the example I was following uses a text-box that was outside of the gridview. But my textbox is inside the gridview.
How can I make the autocomplete to work a text-box that is inside gridview?
-- Here is my javascript
<script type="text/javascript">
$(document).ready(function () {
$("#<%=txt_UID.ClientID %>").autocomplete({
source: function (request, response) {
[Code] .....
-- and here is my gridview:
<asp:GridView ID="GridView1" runat="server" Width="870px"
AutoGenerateColumns="False" Font-Names="Arial" Font-Size="11pt" AlternatingRowStyle-BackColor="#C2D69B"
HeaderStyle-BackColor="green" ShowFooter="True"
CellPadding="4" BackColor="White" BorderColor="#336666"
[Code] ....
I'm creating just simple autocomplete sample.
taking one textbox adding autocomplete extender as
<asp:ScriptManager ID="ScriptManager2" runat="server">
<Services>
<asp:ServiceReference Path="WebService.asmx" />
</Services>
</asp:ScriptManager>
<asp:TextBox ID="TextBox1" runat="server" EnableTheming="True" ></asp:TextBox>
<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" MinimumPrefixLength="1" ServiceMethod="GetCountryInfo" ServicePath="WebService.asmx" TargetControlID="TextBox1">
</cc1:AutoCompleteExtender>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
Also creating web services as "WebService.asmx" & code inside this file is that
<%@ WebService Language="C#" CodeBehind="~/App_Code/WebService.cs" %>
------
then in Webservice.cs file i write code as
public class WebService : System.Web.Services.WebService {
MySql.Data.MySqlClient.MySqlCommand cmd = new MySqlCommand();
MySql.Data.MySqlClient.MySqlConnection con = new MySqlConnection();
//MySqlDataAdapter da = new MySqlDataAdapter();
MySqlDataReader dr;
public WebService () {
//Uncomment the following line if using designed components
//InitializeComponent();
}
[WebMethod]
public string[] GetCountryInfo(string prefixText)
{
int count = 10;
string sql = "Select * from tbl_patientmaster Where P_NAME like '" + @prefixText + "%'";
con.ConnectionString = System.Configuration.ConfigurationManager.AppSettings["HMSDBConnectionString"].ToString();
con.Open();
MySql.Data.MySqlClient.MySqlDataAdapter da = new MySql.Data.MySqlClient.MySqlDataAdapter(sql, con);
da.SelectCommand.Parameters.Add("@prefixText", MySql.Data.MySqlClient.MySqlDbType.VarChar, 50).Value = prefixText + "%";
System.Data.DataTable dt = new System.Data.DataTable();
da.Fill(dt);
string[] items = new string[dt.Rows.Count];
int i = 0;
foreach (System.Data.DataRow dr in dt.Rows)
{
items.SetValue(dr["P_NAME"].ToString(), i);
i++;
}
return items;
}
this code is not working
I'm using jQuery AutoComplete Plugin in ASP.Net as outlined in the article below, so that as a user types in a .Net textbox they get a list of options to choose them. This works fine, but what I need to do now is call a server side function when the user has finished typing or has choosen a value, rather than the user having to submit the value by pressing a button.
View 2 RepliesOn my page I have textbox in which user enters value. When 3 values are entered the autocomplete panel shows.In the panel the names and surnames of all available people are shown bassed on the value user enters. Bellow each name and surname is picture of each "candidate". However images are stored on another server (using https "protection") and some people don't have picture.
onerror="this.onerror=null;this.src='../Pics/Errors/NoPic.jpg'"
into <img> tags in Web Handler.
i have using jquery for autocompelete option and iam using ashx file, i have 2textbox, i need to show diffrent search record in the text box, iam using 2 ashx file to show the value using jquery, i want to user single ashx file instead of iam using 2 ashx handle filer can use switch case to handle this , i want to use 7textbox all textbox i need to do autosearch, how to handle this senario using jquery and ashx handler file
clsquery.updatetablestring = "select top 2 Cont_number from ASPrearrival_list where Cont_number";
clsquery.updatetablestring = "select top 2 custid,custname from ASCustomer where custname";
// this is my auto search iam using 2 handler file , i wants only one handler instead of 2handler
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#<%=txtcontno.ClientID%>").autocomplete("Handler1.ashx");
$("#<%=txtcname.ClientID%>").autocomplete("Handler.ashx");
}
);
handler ashx file
<%@ WebHandler Language="C#" %>
using System;
using System.Web;
using System.Data.SqlClient;
using ASbusinesslogic;
public class Handler : IHttpHandler {
public void ProcessRequest(HttpContext context)
{
string firstname = context.Request.QueryString["q"];
string sql = clsquery.updatetablestring;
sql = clsquery.updatetablestring+" "+"Like"+" '"+ firstname +"%'";
//string sql = "select top 2 mlid,mloname from ASlinermaster where mloname like '" + firstname + "%'";
using (SqlConnection connection = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"].ToString()))
using (SqlCommand command = new SqlCommand(sql, connection)) { connection.Open();
using (SqlDataReader reader = command.ExecuteReader())
{
while (reader.Read())
{
context.Response.Write(reader.GetString(1)+ "-"+ reader.GetValue(0) + Environment.NewLine);
}
}
}
}
public bool IsReusable {
get {
return false;
}
}
}
handler1
<%@ WebHandler Language="C#" %>
using System;
using System.Web;
using System.Data.SqlClient;
using ASbusinesslogic;
public class Handler1 : IHttpHandler {
public void ProcessRequest(HttpContext context)
{
string firstname = context.Request.QueryString["q"];
string sql = clsquery.updatetablestring + " " + "like '" + firstname + "%' ";
using (SqlConnection connection = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"].ToString()))
using (SqlCommand command = new SqlCommand(sql, connection))
{
connection.Open();
using (SqlDataReader reader = command.ExecuteReader())
{
while (reader.Read())
{
context.Response.Write(reader.GetString(0) + Environment.NewLine);
}
}
}
}
public bool IsReusable {
get {
return false;
}
}
}
I am trying to add a Ajax AutoCompleteExtender to a Textbox (template) in a Gridview.In a different projects I have used a A.C.E with a Texbox on a form and it worksIn a different project I have used the gridview RowDatabound event to locate and added attributes that monitor keys stroke and the like (via java)BUT :(I am having a problem getting my head around how I connect the Ajax A.C.E to the Textbox in the gridview.My guess is, it is probably by adding an attribute to the textbox of the gridview but how do I reference / link the Ajax A.C.E.ORHave I just got in complete wrong?My aim is to add a combobox to a gridview ie a dropdownlist that the user can also type into.
View 1 RepliesI have this menu which has z-index of 600.I also use autocomplete, and I set the zIndex option to 700, I also tried setting the z-index in the css file, but no matter what i do, the ul list the autocomplete script generats always has z-index of 1.
this is what i see when i "inspect element" using chrome(the results ul):
[Code]....
no css alteration will help there, since its written into the style attribute of the ul element, and the zIndex option of autocomplete seems to do nothing also.for now, i can handle it by simply setting the z-index of the menu to 0, but thats a realy dirty workaround since i do want to control the z index of the autocomplete results ul.
One thing I really love about web browsers, is the autocomplete feature they have for different controls, like textboxes in forms. However, some times users get confused with the dropdown appearing. So, we would like to be able to disable the autocomplete feature for some textboxes on some of our ASP.NET WebForms pages. Isn't there a property which controls that? Or is that done through JavaScript?
View 3 Repliesim new at asp. net and im making a web page with 3 dropdownlist filtering DATA, and then i display a Gridview with the data selected. But i also have some TextBoxs and i want them to autocomplete according to the filters i previously selected. Im working all of this with no code behind.
I Bold The TextBox so you can see it clearly :D.
[Code]....
I want use auto complete TextBox and multi select drop down list. If multi select drop down list worked auto complete TextBox show result in top. If auto complete TextBox worked multi select drop down list not worked. It’s my result but not my requirement. I shared code below but not my requirement.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="dolgeForm.aspx.cs" Inherits="RProject.dolgeForm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="Scripts/jquery-ui.css" rel="stylesheet" type="text/css" />
[code]...
On my page I have four controls:
How to pass control's value to jQuery autocomplete
I built a modal dialog using the ModalPopupExtender from the AjaxControlToolkit. In that dialog, I'm trying to use the jQuery Autocomplete feature on a textbox. The values for the autocompletion are fetched from a webservice.I can see that the webservice is returning a result set, and I can see that being picked up in the Autocomplete code. However, the list is not displayed to the user to pick from.I thought this might be a z-Index issue, so I specified 'z-index: 9999 !important;' in my stylesheet. But that doesn't make a difference.
[Code]...
I would like to give a TextBox in a custom WebPart the ability to AutoComplete on user entry. I am NOT allowed to use the AjaxControlLibrary OR the AjaxControlToolkit. (don't ask... that's just how it is.) Obviously, the TextBox will be instantiated within an UpdatePanel; but how would I go about the rest of this as simply as possible? I would like to be able to pull my list of items for the AutoComplete feature from three potential sources: database, web service, or collection object.
View 4 RepliesI have implemented autocompleteextender on textbox, everything works fine, however please help me with this minor thing.In textbox whenever I enter a value it get stored in memory
e.g I have typed 'hello' & press enter. The next time I press 'h', 'hello' appears below it, & hides the autocompleteextender. Is there a way to switch this function of text box
I want to add autosuggest textbox in my masterpage, which suggest data from sql server database ....
View 1 Replies