MVC :: Jquery Disable First Value In A Selectlist?
Jun 13, 2010how can i disable first value in the select list when the checkbox is clicked
View 2 Replieshow can i disable first value in the select list when the checkbox is clicked
View 2 Replieswhy SelectList dont have a default constructor new SelectList()
View 1 RepliesI have the following piece of code.
[code]...
I'm failing at getting the selected item on a mvc dropdown list. I can't stand viewdata, and every example uses it. Here is my code,
//controller
public ActionResult Register(Models.Person APerson)
{
}
public class Person
{
public Person().............
I followed MVC 2 source to create a CheckBoxList helper.
I was able to identify the problem I am having but not able to solve it.
On my view I have the following:
[Code]....
The problem is in the bold part ...
The newSelectList is equal to selectList but all items were deselected.
What am I missing?
i have wrote the following code inside a model class, but there was an error that indicates that the select list could not be found:-
public SelectList Countries {
get;
private
set; }
so which "using system" i should add????
I'm working on a MVC3 web application. I want a list of categories shown when editing a blo from whe applications managements system. In my viewmodel i've got the following property defined for a list of selectlistitems for categories.
/// <summary>
/// The List of categories
/// </summary>
[Display(Name = "Categorie")]
public IEnumerable<SelectListItem> Categories { get; set; }
The next step, my controller contains the following edit action where the list of selectlistitems is filled from the database.
public ActionResult Edit(Guid id)
{
var blogToEdit = _blogService.First(x => x.Id.Equals(id));
var listOfCategories = _categorieService.GetAll();
var selectList = listOfCategories.Select(x =>new SelectListItem{Text = x.Name, Value = x.Id.ToString(), Selected = x.Id.Equals(blogToEdit.Category.Id)}).ToList();
selectList.Insert(0, new SelectListItem{Text = Messages.SelectAnItem, Value = Messages.SelectAnItem});
var viewModel = new BlogModel
{
BlogId = blogToEdit.Id,
Active = blogToEdit.Actief,
Content = blogToEdit.Text,
Title = blogToEdit.Titel,
Categories = selectList //at this point i see the expected item being selected
//Categories = new IEnumerable<SelectListItem>(listOfCategories, "Id", "Naam", blogToEdit.CategorieId)
};
return View(viewModel);
}
When i set a breakpoint just before the view is being returned, i see that the selectlist is filled as i expected. So at this point everything seems to be okay. The viewmodel is filled entirely correct.
Then in my view (i'm using Razor) i've got the following two rules which are supposed to render the selectlist for me.
@Html.LabelFor(m => m.Categories) @Html.DropDownListFor(model=>model.Categories, Model.Categories, Model.CategoryId)
@Html.ValidationMessageFor(m => m.Categories)
When I run the code and open the view to edit my blog, I can see all the correct data. Also the selectlist is rendered correctly, but the item i want to be selected lost it's selection. How can this be? Until the point the viewmodel is being returned with the view everything is okay. But when i view the webpage in the browser, the selectlist is there only with out the correct selection. What am I missing here? Or doing wrong?
Is there a way to remove items from a SelectList?
View 1 RepliesI cannot get my code to work with the usual workarounds. I have a model which exposes a SelectList and a value for the selected item in it. The list is built like: new SelectList(persons, "Id", "Name");
where persons is an array of type Person with a *string* property named Id and a string property named Name. My model has a SelectList property returning a list built as shown, and a SelectedPersonId *string* property which should be updated by the dropdown. Here's my view code:
Html.DropDownListFor(m => m.SelectedPersonId, Model.PersonList)
I can see the persons in the dropdown and select one item, but the model's SelectedPersonId property never gets updated (I get a null). Of the two workarounds I found googling around, one stated to build the SelectList in the model, using the constructor shown above; another recommended to ensure that the selected value is a string. I did both, but still it does not work.
I had been building my SelectLists in the View, but I found examples doing it in code that I liked better. Now I'm creating one of my SelectLists like this:
[Code]....
And all is good, but I'm not sure how to do two things. First, I'd like to add an initial SelectListItem that prompts the user to select a value. When instantiating the SelectList in a loop this is easy, but I was hoping to keep this approach. The second problem is setting the default selected item. In the constructor it shows the 4th parameter to be used for this purpose, but I'm not certain how to do it. There's a property of this object named "DefaultView". It's a boolean, and I'd like that to determine the selected state. Is this possible?
Simple but weird? problem. I simply want to "disable" some asp.net dropdownlists
<asp:DropDownList Enabled="false" CssClass="DropDownGrade" ID="DropDownListMGP" SelectedValue='<%# Bind("[MGP]") %>' runat="server">
<asp:ListItem>1.00</asp:ListItem>
<asp:ListItem>1.25</asp:ListItem>
<asp:ListItem>1.50</asp:ListItem>
Enabled="false" don't work in the first place.My jquery code doesnt work either:
$('.DropDownGrade').attr('disabled', 'disabled');
I have written an Enum extension method that allows me to create a view model and allows me to easily bind a generic Enum to a SelctList like:this.ProductStatusList = new ProductStatusTypes().BindToSelectList<ProductStatusTypes>
(product.Status.ToString());
In my View I can then have:
<% using (Html.BeginForm()) {%>
<fieldset> [code]...
Notice I am using EditorForModel and then a seperate DropDownList. My question is: Is there a way to get the EditorForModel to be clever enough to pick up that I want to use a SelectList instead of a TextBox for status?
I'm trying to display a dropdown on my view page that has a custom text value.
I'm trying to display a list a Contacts. A Contact contains a ContactID, FirstName, and LastName.
<%= Html.DropDownListFor(m => m.ContactId, new SelectList(Model.Contacts, "ContactID", "LastName"), "- Select a Contact -") %>
Right now I'm just displaying the last name, but I'd like to display the first name and last name in the dropdown.
I'm having problems retrieving the values of a selectlist in my form collection. I've tried making a viewmodel with an attribute with the same name as the select list.
I'm honestly just realizing I REALLY don't understand how model binding works with selectlists. I've just been assuming that the following conventions apply:
Name the select list the same thing as the attribute on the model you want it to bind to. Apart from that, I really don't get it. I've looked at several books on it and they're useless frankly. How does a select list work with a) form collection and b) a particular model?
What do I use to set the dataValueField of the Select List when I'm using a list of strings. I want to be able to set the value of the option in the select. If i have:
List<string> list = new List<string>();
list.Add("apple");
list.Add("orange");
and I want my html to be:
<select>
<option value="apple">apple</option>
<option value="orange">orange</option>
</select>
I have two Jquery button in my asp.net page. When I load data I wanto to disable both or only one depend from some data value.
My code is:
[Code]....
but only first row was executed. Why? How I can disable Jquery button?
I have forms with payment in ASP.NET site, when user clicks on asp:Button sometime he submits few times. I want to disable this functionality without harming current ASP.NET site ( by that i mean no fancy jQuery, unless it is very basic and will not interfere with ASP.NET built-in validation)
View 4 RepliesI am using a jquery datepicker and timepicker. In datepicker I want to disable the all dates which are past to the current date. And in timepicker I want to show the times which is one hour prior to the current time.Can anyone tell me how to do this?
View 2 RepliesASP.NET web form with JQuery UI tabs widget and four tabs. I would like to disable the latest three tabs when i click a submit button.
P.S. I know how to disable tabs in jquery
$( ".selector" ).tabs( { disabled: [1, 2] } );
I don't know how to do it in server side code :)
I have a asp.net app that I want to disable the buttons as soon as they are clicked in order to prevent multiple submissions. I'd like to use jquery for this as the site already liberally uses it anyway.
What I've tried is:
[code]....
i want to disable a button for a specific time. how can i do that?
View 3 RepliesHow to disable the asp.net Link buttons and asp.net radio buttons.I have used
to enable
$("#sLbtnFirst").attr("disabled", "");
to disable
$("#sLbtnFirst").attr("disabled", "disabled");
but i'm able to click the buttons they are just greying
I'm fairly new to jQuery and I've been looking for a decent free datepicker for a while now. I am quite satisfied with jQuery UI's datepicker but I've hit a snag. The project where I'm using this requires that I have an icon beside the textbox. While this is fairly easy, I don't know how to dynamically disable the icon. There are two things I'm interested in knowing:
How can I dynamically change the disabled status of the datepicker from code-behind so that it triggers on postback? Is it possible to make it's disabled status dependent on the textbox that it is attached to? (i.e. if
<asp:TextBox Id="txtMyTextBox" Enabled="false">
then datepicker gets disabled as well.
This is the code I've been using for the datepicker.
<script type="text/javascript">
$(function() {
$("*[id$='txtMyTextBox']").datepicker({
changeMonth: true,
changeYear: true,
showOn: 'button',
buttonImage: '/images/icon-calendar.gif',
buttonImageOnly: true
});
});
</script>
I'm trying to disable the onclick event on a ASP.NET gridview that has this in code-behind:
[Code]....
This is HTML markup generated:
[Code]....
I use the following jQuery code, but the mouse click would still postback, triggering the SelectedIndexChanged event on the server-side:
[Code]....
It seems the postback has occurred prior to the jQuery code kicked in. How can I prevent the postback?
I am trying to disable the controls within the JQGrid on some other event. how can i do this. Below is my JQGrid Basically i want to disable the custom buttons btnDeleteExistingRoles, btnAddExistingRoles and the checkboxes that are created in the "Select" column( i have written a custom formatter for this).
jQuery(document).ready(function() {
$('#btnHdnExistingRoles').click(function() {
var lastsel2;
jQuery("#grdExistingRoles").GridUnload("#grdExistingRoles");
jQuery("#grdExistingRoles").jqGrid({ url: '/SAPWebAccess/Role.mvc/GetExistingRoleForUser/',
[Code]....