AJAX :: How To Find Url, When Autocomplete Textbox Select Item Using Jquery
Apr 22, 2010How to find url when I am selected name in autocomplete textbox
show url--------- http://www.addhr.aspx?id=6
How to find url when I am selected name in autocomplete textbox
show url--------- http://www.addhr.aspx?id=6
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.
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
selecting a few items from a list of thousands. I have an autocomplete field that searches the db, and returns a name/id pair. This is working fine.
The next step is to preserve the selected IDs, and allow the user to remove some if needed. For this, I've been looking at using a select, and was hoping a UI something like that provided by this, but it doesn't work: it allows you to select items that already exist in the select, but doesn't work with a dynamically created select.
The final step is a traditional postback (using a submit button, this is in asp.net webforms) where I'll need to have access to the final list of IDs.
Does anyone ever try to force the user to select the value from autocomplete?
View 4 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 RepliesWhich is best one to autocomplete textbox whether ajax autocomplete or jquery autocomplete ....
View 1 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 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 have a textbox in my form wich has an ajax autocomplete extender. I could load the list , my problem is i need to get the ID of the selected list item and based on the selected item load few controls. the following is my code
[Code]....
all i need is a way to get the selected value to the hidden field (hdnReceiverID) when i tried with text changed of the text box it doesnt give the value.
Is there another way to track the selected item change ?
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] ....
[code]...
i have six items in my select in which 4 of them are add,edit ,delete view, it is multiselect list, i don't want the user to remove the these 4 items , apart from that they can remove any item. how will i do that? it is not happening in the above code
i have a select element with few items and the script.
[Code]....
on selection of any item from the dropdownlist how can i get the text selected from dropdown in the javaScript function that i have provided in onchange event handler ?
I have the following ASP.NET RadioButtonList:
[code]....
I would like to select an item in the list programmatically via a client-side jquery function like this (simplified version):
[code]....
Ideally, there is some function - in the above code I have proposed selectItemByValue - that selects an item in a RadioButtonList by a given value. Does jquery have a similar function built-in? If not, how should I go about implementing the desired functionality?
how to select multiple item in drop down and show in a text box using jquery
View 2 RepliesI am tring to use Jquery autocomplete into my asp.net 2.0 application, I have all necessary file in place, I tried to worked on , but it seems like this is not working,can some one tell me that is asp.net 2.0 application without using AJAX toolkit works with Jquery autocomplete or it does not work?Note: this is plain asp.net 2.0 web application, it is not using AJAX.
View 6 RepliesI have an auto complete extender applied to my textbox as follows:
[Code]....
In the web pages code behind I have the following method:
[Code]....
there is no errors, I've tested and debugged the code inside GetCustomers() and it returns the data - just doesn't display it.
I've been stymied for a few days on and interface issue with Autocompleteextender and a simple textbox. Is the user types in the textbox while the scroll position of the page is near the top, the autocomplete pops under the textbox, just like it should.However, when I scroll down a little, the autocomplete pops over top of the textbox, making it impossible to see what you are typing. How do I force the autocomplete to pop under the textbox no matter the scroll position of the page? My code is below:
[Code]....
I need to have the contextKey determined by a TextBox. I am trying the approach by kirtid in
http://forums.asp.net/t/1119865.aspx
[Code]....
Both autoComplete and autoComplete2 are null.
What am I doing wrong?
How to do autocomplete textbox Images in asp.net like IMDB or APPLE SITE OR jules.co.uk with database connections..
Note:i have to do similar autocomplete like above mentioned sites..
I want to have textbox auto complete with sql database but i do not want to use ajax extender ...
View 1 RepliesI am using an autocomplete in textbox and the values are from database.It is working fine.What i need is to do this autocomplete thing in listview when i enter any value in textbox. Here is my code
<asp:TextBox ID="txtContactsSearch" runat="server"></asp:TextBox>
<cc1:AutoCompleteExtender ServiceMethod="ListView1_SelectedIndexChanged"
MinimumPrefixLength="2" CompletionInterval="100" EnableCaching="false"
CompletionSetCount="10" TargetControlID="txtContactsSearch"
ID="AutoCompleteExtender1" runat="server" FirstRowSelected = "false"> </cc1:AutoCompleteExtender>
[Code]......