JQuery AutoComplete (UI 1.8rc3) With Web Service
Mar 18, 2010
I have this version of the autocomplete control working when returning XML from a .ashx handler. The xml looks like this:
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<States>
<State>
<Code>CA</Code>
<Name>California</Name>
</State>
<State>
<Code>NC</Code>
<Name>North Carolina</Name>
</State>
<State>
<Code>SC</Code>
<Name>South Carolina</Name>
</State>
The autocomplete code looks like this:
$('.autocompleteTest').autocomplete(
{
source: function(request, response) {
var list = [];
$.ajax({
url: [URL]
dataType: "xml",
async: false,
data: request,
success: function(xmlResponse) {
list = $("State", xmlResponse).map(function() {
return {
value: $("Code", this).text(),
label: $("Name", this).text()
};
}).get();
}
});
response(list);
},
focus: function(event, ui) {
$('.autocompleteTest').val(ui.item.label);
return false;
},
select: function(event, ui) {
$('.autocompleteTest').val(ui.item.label);
$('.autocompleteValue').val(ui.item.value);
return false;
}
});
For various reasons, I'd rather be calling an ASP.NET web service, but I can't get it to work. To change over to the service (I'm doing a local service to keep it simple), the start of the autocomplete code is:
$('.autocompleteTest').autocomplete(
{
source: function(request, response) {
var list = [];
$.ajax({
url: "/Services/GeneralLookup.asmx/StateList",
dataType: "xml",
This code is on a page at the root of the site and the GeneralLookup.asmx is in a subfolder named Services. But a breakpoint in the web service never gets hit, and no autocomplete list is generated. In case it makes a difference, the XML that comes from the asmx is:
<?xml version="1.0" encoding="utf-8" ?>
<string xmlns=[URL]><State> <Code>CA</Code> <Name>California</Name> </State> <State> <Code>NC</Code> <Name>North Carolina</Name> </State> <State> <Code>SC</Code> <Name>South Carolina</Name> </State></string>
Functionally equivalent since I never use the name of the root node in the mapping code. I haven't seen anything in the jQuery docs about calling a .asmx service from this control, but a .ajax call is a .ajax call, right? I've tried various different paths to the .asmx (~/Services/), and I've even moved the service to be in the same path to eliminate these issues. No luck with either.
View 1 Replies
Similar Messages:
Feb 12, 2011
How 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?
View 3 Replies
Oct 20, 2010
I am trying to use the below code to call a wcf service method for Autocomplete functionality in a TextBox. I have written the following query:
$(document).ready(function () {
$("#<%= txtCompany.ClientID %>").autocomplete [URL], {
dataType: 'json',
parse: function (data) {
var items = data.d;
var parsed = [];
for (var i = 0; i < items.length; i++)
parsed[i] = {
data: [items[i]],
value: items[i],
result: [items[i]]
};
return parsed;
}
});
});
The same query works if I pass a Java Script array variable instead of the wcf service method. The wcf service method contract is:
[OperationContract]
[WebInvoke(Method = "GET", BodyStyle = WebMessageBodyStyle.WrappedRequest, ResponseFormat = WebMessageFormat.Json)]
string[] GetTestCompanyList(string prefixText, int count);
View 3 Replies
Feb 17, 2011
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 Replies
Mar 9, 2011
On 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.
View 2 Replies
Sep 7, 2010
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;
}
}
}
View 7 Replies
Feb 26, 2011
I 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.
View 2 Replies
Dec 31, 2010
On my page I have four controls:
How to pass control's value to jQuery autocomplete
View 1 Replies
Mar 4, 2011
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]...
View 2 Replies
Apr 26, 2010
I'm going on my 3rd day trying to get my Ajax AutoComplete textbox to call my web method. Based on my google searches, I'm not alone. I suspect the problem has something to do with the ServicePath property on the extender, although I'm not sure. My web service is at the same level, on the same server as my test web page. I'm not sure exactly what should go into the ServicePath property, although I think I've tried every possibility. Below is my web service followed by my script.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Configuration;
using System.Web;
using System.Web.Services;
using System.Data;
using System.Data.SqlClient;
using System.Data.Common;
using AjaxControlToolkit;
using System.Text;
using System.Xml;
using System.Xml.XPath;
using System.IO;
using System.Collections.Specialized;
using System.Web.Services.Protocols;
[WebService(Namespace = [URL])]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
[System.Web.Script.Services.ScriptService]
public class Service : System.Web.Services.WebService
{
public Service()
{
}
[System.Web.Services.WebMethod]
[System.Web.Script.Services.ScriptMethod]
public string[] AutoCompleteNames(string prefixText, int count)
{
System.Data.SqlClient.SqlConnection cxn = new System.Data.SqlClient.SqlConnection(ConfigurationManager.ConnectionStrings["HumanResourcesConnectionString"].ConnectionString);
cxn.Open();.....................
View 11 Replies
Nov 25, 2010
I've set up a textbox with autocomplete, it works fine when i run is in visual studio, but when I deploy it to iis, the list items just do not appear.I think it has something to do with the fact that I'm using clean routes (with asp.net 4 routing).
The code:
[Code]....
View 1 Replies
Mar 24, 2011
I am using AutoComplete ASP.NET AJAX Control toolkit AutoCompleteExtender control When I am using my web service as Service Path, its not working.my web services code below
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Data.SqlClient;
using System.Data;
using System.Web.Script.Services;
namespace OnlineSalesGrid
{
/// <summary>
/// Summary description for sample
/// </summary>
[WebService(Namespace = [URL]]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
// [System.Web.Script.Services.ScriptService]
public class sample : System.Web.Services.WebService
{
[WebMethod]
public static string[] GetCompletionList(string prefixText, int count)
{
List<string> returnData = new List<string>();
SqlConnection con = new SqlConnection("Data Source=CARPATHIA\SQLEXPRESS;Initial Catalog=OnlinesaleGrid;Persist Security Info=True;User ID=sa;Password=c0rpusdata");
string sql = "select Customer_Name from Customer_Master where Customer_Name like '%" + prefixText + "%'";
SqlCommand cmd = new SqlCommand(sql, con);
con.Open();
SqlDataReader reader = cmd.ExecuteReader(CommandBehavior.CloseConnection);
while (reader.Read()) { returnData.Add(reader["Customer_Name"].ToString()); }
return returnData.ToArray();
}
[WebMethod]
public static string[] GetCompletionList1(string prefixText, int count)
{
List<string> returnData = new List<string>();
SqlConnection con = new SqlConnection("Data Source=CARPATHIA\SQLEXPRESS;Initial Catalog=OnlinesaleGrid;Persist Security Info=True;User ID=sa;Password=c0rpusdata");
string sql = "select Customer_Code,Customer_Name from Customer_Master where Customer_Code like '%" + prefixText + "%'";
SqlCommand cmd = new SqlCommand(sql, con);
con.Open();
SqlDataReader reader = cmd.ExecuteReader(CommandBehavior.CloseConnection);
while (reader.Read())
{
returnData.Add(reader["Customer_Code"].ToString());
}
return returnData.ToArray();
}
}
}
Html Code is
<asp:ScriptManager ID="toolscpt1" runat="server" >
<Services>
<asp:ServiceReference Path="~/sample.asmx" />
</Services>
</asp:ScriptManager>
<asp:TextBox
ID="txtcname" runat="server" CssClass="textbox" onBlur='funblurcolor(this.id)' onFocus='funfocuscolor(this.id)'
ontextchanged="txtcname_TextChanged1" onkeypress="javascript:if(window.event.keyCode == 13) document.getElementById('txtphno').focus" ></asp:TextBox>
<asp:AutoCompleteExtender ID="txtname_AutoCompleteExtender"
runat="server" Enabled="True" ServiceMethod ="GetCompletionList" ServicePath="~/sample.asmx"
MinimumPrefixLength="1" CompletionSetCount ="12" EnableCaching ="true" CompletionInterval ="500"
TargetControlID="txtcname" ></asp:AutoCompleteExtender>
View 14 Replies
Apr 9, 2010
I have a web control with a text box configured like this:
[Code]....
I am unable to get it to hit the method in my service with a signature like:
public
string[] GetOrganizationNames(string searchText,
int count)
but it does get to the method if I change the signature to:
public
string[] GetOrganizationNames()
For obvious reasons the second one will not do me any good. I have verified the data coming back from the method is good.
View 2 Replies
Oct 27, 2010
JQUERY autocomplete and asp.NET
View 2 Replies
Feb 22, 2011
web service method(getMainHeads) with parameter is not calling with auto complete text box extender(same method with out parameter is calling fine). My Service is
[System.Web.Script.Services.
ScriptService]
public
class
InvService : System.Web.Services.WebService
{
ItemMainHeadMsts objItemMainHeadMsts;
DatabaseHelper objDataHelper;
[WebMethod]
public
string[] GetMainHeads(string value)
{
List<string>
oList = new
List<string
>();
objItemMainHeadMsts =
new
ItemMainHeadMsts
();
objDataHelper =
new
DatabaseHelper
();
objItemMainHeadMsts =
ItemMainHeadMstBase.SelectByFieldAuto("IMHDesc"
, value);
foreach (ItemMainHeadMst
mainHead in
objItemMainHeadMsts)
{
oList.Add(mainHead.IMHDesc);
}
return
oList.ToArray();..........................
View 4 Replies
Mar 29, 2011
am using Autocomplete Jquery from the following URL:[URL]I am making my project in MVC 3.0 (Razor)
In this I am displaying list of names from the database and its running fine.Now I want to show this whole list in the div according to my project requirement.
View 1 Replies
Jan 17, 2011
I have a dropdown in my CreateDocumentTemplate ciew <%=Html.DropDownList("Part", (SelectList)ViewData["Part"])%> which is populated from database. I want to this dropdown to be autocomplete. How can I acoomplish this?
View 1 Replies
Feb 17, 2011
in my webapplication, I'm using asp.net dropdownlists, that are filled with data (text & id) through ObjectDatasources.
I'd like to use the jquery autocomplete on the dropdownlists, but I fail to find any good example for it, unless examples that are using http handlers or webservices, which I'd like to avoid.
View 8 Replies
Feb 1, 2011
I have a dropdownlist, filled with countries (from xml file).When you choose a country, you can use the autocomplete for a textbox.This autocomplete has postal codes from the choosen country.Now I want to set the autocomplete off right after the dropdownlist.change eventfor preventing that the autocomplete (filled with postal codes) for 1 country also work for another country. But how do you turn it off?Code:
//when changing country, other postcodes will load
$('[id$=landenDropDown]').change(function () {
//autocompletes removal
[code]...
View 2 Replies
Sep 16, 2010
I have a text box and ajax autocomplete control extender in my Master Page that it is not working at all. When I type some characters on the text box it doesn't trigger the autocomplete. I have a web service that contains the function code. I est my code on a single Web Page (No Master Page) and it works perfectly. Also, it works fine if I include the text box and the extender on the Content Page instead of on the Master Page. It is important to keep the text box in the Master Page for me. I am using Visual Studio 2008 and ASP 3.5. MASTER PAGE.
[Code]....
WEB SERVICE:
[Code]....
View 7 Replies
Mar 24, 2011
I have this code:
$('#' + textboxID).autocomplete({ delay: delay, source: ["cats", "dogs"] });
which works fine.
I want to use a webservice:
$('#' + textboxID).autocomplete({ delay: delay, source: webserviceURL});
This doesn't work. My webservice URL is /blah/blah.asmx/myMethod
The webservice definition is:
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public List<string> myMethod(string term)
{
// Logic here, return list of strings
}
The method never gets called. Can anyone point me in the right direction? I have other webservices in the same .asmx which work fine with other controls (other controls are using $.ajax to call them).
Edit: Getting closer, I now get a 500 error saying Request format is unrecognized for URL unexpectedly ending in '/myMethod'. I think it's not treating my url quite right..
View 2 Replies
Mar 29, 2011
I have dropdown and textbox, I want to pass dropdown value as condition in generic handler through jquery autocomplete I am using generic handler for getting values from database.
View 2 Replies
Dec 15, 2010
Is there any JQuery autocomplete for Unicode character(Thai). I already with this and that my code for asp.net
protected void Page_Load(object sender, EventArgs e)
{
var q = Server.UrlEncode(Request.QueryString["q"]);
Response.Write(q);
}
The URL is [URL] like that. I got q="%e0%b8%93"; actually the correct value is ณ . So I don't know client side encoding is wrong or server side encoding is wrong?
View 1 Replies
Jul 27, 2010
How do I handle selection of multiple items with autocomplete? The objects I return from my JSON web service contain an ID and a Label - the ID is the ID of the entity in the database, and the Label is some text to display for the user.
At the moment, when I select an item in the autocomplete dropdown, the value of the item's ID is stored in a hidden field, and the label is displayed. When I remove the label, I clear the ID of the hidden field - this is done by adding an anchor element to the DOM that handles this.
Now, I want to have multiple selections. I want to be able to enter some text, get an autocomplete dropdown, select an item and some other options, then be able to click an 'Add New' button or the likes to be able to select another instance.
For example, I'd type in a person's name and get an autocomplete selection. I'd select a person, and then enter their age, and click 'Add'. The person's id, name, and age will be stored somewhere so that I can retrieve it on the server side when I post back.
I'm not quite sure how to do it? I'm thinking of a hidden field - I assume that many hidden fields of the same name/id turn up on the server side as an array, which I can then use. But I haven't tried this yet in ASP.NET.
View 1 Replies
Mar 2, 2011
I am trying to implement autocomplete to a textbox using jquery. I am using MVC. I am trying to pass extra parameters but they are always null or jquery never add it to the query string.
View:
[Code]....
@Html.TextBox("tbxFilter")
Controller:
[Code]....
View 3 Replies