JQuery :: Force The User To Select The Value From Autocomplete?
Nov 13, 2010Does anyone ever try to force the user to select the value from autocomplete?
View 4 RepliesDoes anyone ever try to force the user to select the value from autocomplete?
View 4 Repliesselecting 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.
I have (or so I think!) a simple problem.
I will greatly simplify my model to speed this along.
I have a model class lets call it item:
public class Item
{
[Required(ErrorMessage="Must indicate if product is to be tracked by serial number.")]
public bool TrackedBySerial { get; set; }
}
I have an "Add" view where I create a DropDownList like so:
<%= Html.DropDownListFor(model=>model.TrackedBySerial, new SelectList(new List<object> {null,true,false},null),"Select One") %>
<%= Html.ValidationMessageFor(model => model.TrackedBySerial) %>
My problem is that unless I create my boolean value in the model to be a nullable type, I can't force the blank default value.
If I use the Html.DropDownList() instead of DropDownListFor() , is there any way for me to use ModelState.IsValid -- or do I need to mix my own custom validation in my controller as well?
Update: So I got the functionality I was looking for, its just a bit more verbose than I'd have liked. Is there a better way to do this?
Controller:
[HttpPost]
public ActionResult Add(InventoryItem newItem)
{
try
{
//get the selected form value
string formVal = Request.Form["TrackBySerial"];
//convert to true, false, or null
bool? selectedValue = TryParseNullable.TryParseNullableBool(formVal);
//if there is no value, add an error
if (!selectedValue.HasValue).....
view:
<div class="editor-field">
<%=Html.DropDownList("TrackBySerial","- Select One- ") %>
<%=Html.ValidationMessage("TrackBySerial") %>
<%= Html.ValidationMessageFor(model => model.TrackedBySerial) %>
</div>
I have 2 Dropdown(say "DD1", "DD2") and 1 Listbox(say "LB") in my web form,value of the 3 controls depend on each other.
"LB1" is dependent on "DD2" value, "DD2" is dependent on "DD1" value.
I want that if user selects "LB1" without selecting "DD2", it should give a message that "please select DD2 first"similarly if user Selects "DD2" without selecting "DD1", it should give a msg that "Please select DD1 first" ,using ASP.NET C.
How to find url when I am selected name in autocomplete textbox
show url--------- http://www.addhr.aspx?id=6
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.
I have to select checkboxes besed on group column values. If you see below gridview, column 3 (GroupNo) has 1,1,1,1,2,2,2,2....etc (this column data is not static, will change based on page index. i.e PageIndex =2 may starts with 7,7,7,8,8,8,8,8,9,9,9 etc).
In every sectio/Group User must and should select minimun 2 check boxes. so If user select only one check box we need to show a pop up message as " select One more check box in that particular section" If User skips the message and move to next section we have to show the same message. We have to force the user to select more than one checkbox in the same section.
Mainly our intention is the check boxes whatever user selected in each section/Group belongs to one Category.
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 Repliesi 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 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.
if user login first time in application in how i promot for change password in Asp.Net C#.
View 1 RepliesOn 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 used Membership provider in my application. when i am creating new user by filling the details and adding role after the submit button it force the current user to logout and re-login using the current user which I created.
Like as a admin I created the user irshad, it admin to logout and again re-logged in with the current user irshad.
I can't get my radio button list to select a desired value. What am I doing wrong?
Dictionary<int, string> rbl_list = new Dictionary<int, string>();
rbl_list.Add(1, "Home");
rbl_list.Add(2, "Tables");
rbl_list.Add(3, "Graph/Export");[code]....
I'm using c# and the above is written in the Page_Load event.
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 ?
JQUERY autocomplete and asp.NET
View 2 RepliesI am not sure about writing the method in the web service. I'm trying to select the client names from sql server, then storing them into an arraylist. Finally, returning the array of names. This is my code:
[Code]....
My method has an error.
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.
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 Repliesin 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.
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]...
I think my title says it all. I have a modal dialog showing up and the user can make some changes and then click a 'Save' button. I need that to totally post back the whole page. I just assumed the button would fire off regardless of the jQuery.
View 2 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 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.