Hello,
Is it possible to prevent the automatic selection event when navigating in a combobox using the arrows keys, just like in the multiselect example here: https://demos.telerik.com/aspnet-mvc/multiselect/events ???
Here's the definition of the two items that are linked by the CascadeFrom:
items.Add().Field(f => f.Country)
.ColSpan(1)
.Name("cmbCountry")
.Editor(e => e.ComboBox()
.AutoWidth(false)
.DataTextField("name")
.DataValueField("id")
.BindTo(@CountryModel.Countries)
.Placeholder("--- Select or Type Country"));
items.Add().Field(f => f.StateProvince)
.ColSpan(1)
.Name("cmbStatesProvinces")
.Editor(e => e.ComboBox()
.AutoWidth(false)
.AutoBind(false)
.Placeholder("--- Select State/Province ---")
.DataTextField("name")
.DataValueField("id")
.DataSource(dS => dS.Read(read => read.Action("GetStateList", "Address").Data("filterState")).ServerFiltering(true))
.CascadeFrom("cmbCountry")
@*.BindTo(@StatesProvinces.StateProvince)*@
);
Here's the AddressController.GetStateList:
This works for the first Country that is selected... afterwards - if the Country is changed, the GetStateList is not called again to refresh the related/CascadeFrom Combobox.
hallo,
i just wanna to disable the combobox when the chekcbox is checked and vice versa.
when i cheked, it disactivated, but when i check out (isChek == false) is not enable it. so it remain disabled.
any idea?
The ComboBox control appears to have a configuration called HighlightFirst which supresses the automatic highlighting of the first list item as the user types.
Is there any way of implementing this same logic on the DropDownList control? By default, it appears to highlight / focus on the first option in the list when the user begins to type.
@(Html.Kendo().DropDownList()
.Name("Sku")
.DataValueField("Value")
.DataTextField("Text")
.//HighlightFirst(false)
.Filter("contains")
.AutoBind(false)
.BindTo(new List<SelectListItem>()
{
new SelectListItem(){ Value = "ZIP100", Text = "ZIP100 - Zip Active Stool | Stock | 400H-550H | Purple Moon " },
new SelectListItem(){ Value = "ZIP101", Text = "ZIP101 - Zip Active Stool | Stock | 400H-550H | Juice Green" },
new SelectListItem(){ Value = "ZIP102", Text = "ZIP102 - Zip Active Stool | Stock | 400H-550H | Capri Mid Blue" },
new SelectListItem(){ Value = "ZIP103", Text = "ZIP103 - Zip Active Stool | Clearance | 400H-550H | Opal Light Blue" },
new SelectListItem(){ Value = "ZIP104", Text = "ZIP104 - Zip Active Stool | Clearance | 400H-550H | Oyster Grey" },
new SelectListItem(){ Value = "ZIP105", Text = "ZIP105 - Zip Active Stool | Clearance | 400H-550H | Melon Rush" },
new SelectListItem(){ Value = "ZIP106", Text = "ZIP106 - Zip Active Stool | Stock | 400H-550H | Charcoal" },
new SelectListItem(){ Value = "ZIP107", Text = "ZIP107 - Zip Active Stool | Clearance | 400H-550H | Capri Blue with NC Whale Seat Pad" },
new SelectListItem(){ Value = "ZIP108", Text = "ZIP108 - Zip Active Stool | Clearance | 400H-550H | Juice Green with NC Whale Seat Pad" },
new SelectListItem(){ Value = "ZIP109", Text = "ZIP109 - Zip Active Stool | Clearance | 400H-550H | Melon Rush with NC Whale Seat Pad" },
new SelectListItem(){ Value = "ZIP110", Text = "ZIP110 - Zip Active Stool | Clearance | 400H-550H | Opal Blue with NC Whale Seat Pad" },
new SelectListItem(){ Value = "ZIP111", Text = "ZIP111 - Zip Active Stool | Clearance | 400H-550H | Oyster Grey with NC Whale Seat Pad" },
new SelectListItem(){ Value = "ZIP112", Text = "ZIP112 - Zip Active Stool | Clearance | 400H-550H | Purple Moon with NC Whale Seat Pad" }
})
)
I have a Telerik RadComboBox that is programmatically generated in C#. In the aspx file, I have this JavaScript function which I would like to deselect any disabled comboBox item when the "Check All" choice is selected.
function OnClientCheckAllChecked(sender, args) {
var checkedItems = sender.get_checkedItems();
for (var i = 0; i < checkedItems.length; i++) {
console.log(checkedItems[i].get_text());
if (checkedItems[i].get_enabled() === false) {
console.log("enabled is false for " + i);
checkedItems[i].set_checked(false);
}
console.log("checked is " + checkedItems[i].get_checked());
}
}
However, it does not work as intended. The disabled item is still checked after clicking the "Check All".
Here is an image of the description:
I have a DropDownList and users are annoyed that whilst the data is loaded it says "No data found." when in fact, the data hasn't been loaded yet - I found this config item:
https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/messages.nodata
How do I make one message appear whilst the data source is loading, and another message once the data has loaded (and in fact, there was no data found)
@model int
@(Html.Kendo().ComboBoxFor(x => x)
.DataTextField("Description")
.DataValueField("Id")
.Placeholder("Select")
.HtmlAttributes(new { style = "width:225px", id = Guid.NewGuid().ToString() })
.DataSource(databinding => databinding
.Read(read => read
.Action("SelectComboboxItems", "Lumber")))
)
@(Html.Kendo().ComboBox()
.Name("TransferItemId")
.DataTextField("Location.Code")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetInventoryPallets", "Item" });
})
.ServerFiltering(true);
})
)