Setting EnableEmbeddedSkins="false" in RadGrid when FilterType="HeaderContext" is not applied to the ListBox (filterCheckList) hence the following error is thrown:
In our application we use ListBox with property EnableMarkMatches set. When we enter a search criteria with the keyboard you see in the selected rows the search criteria Bold. (See attached screenshot)
When u click with the mouse on this bold search criteria you get an error message in the console of the browser:
RadListBoxScripts.js:1223 Uncaught TypeError: Cannot read properties of null (reading 'get_enabled')
at c.RadListBox._onClick (RadListBoxScripts.js:1223:6)
at HTMLLIElement.<anonymous> (RadListBoxScripts.js:476:4)
at HTMLDivElement.dispatch (jQuery.js:3:12445)
at r.handle (jQuery.js:3:9174)
This issue is reproducible at
https://demos.telerik.com/aspnet-ajax/listbox/examples/functionality/keyboardsupport/defaultcs.aspx?
I would like to implement a list picker with item grouping in the destination Asp.Net RadListBox.
Unfortunately the Telerik Asp.net RadListBox control does not seem to support item grouping natively. I have seen a forum post from 2019 that suggests adding custom group items https://www.telerik.com/forums/subheadings-in-radlistbox We could do this but would prefer a more native solution.
<telerik:RadListBox
RenderMode="Lightweight"
runat="server"
ID="RadListBoxSource"
AllowTransfer="true"
TransferToID="RadListBoxDestination"
ButtonSettings-AreaWidth="35px">
<EmptyMessageTemplate>
empty message
</EmptyMessageTemplate>
</telerik:RadListBox>
<telerik:RadListBox
RenderMode="Lightweight"
runat="server"
ID="RadListBoxDestination"
ButtonSettings-AreaWidth="35px">
<EmptyMessageTemplate>
empty message2
</EmptyMessageTemplate>
</telerik:RadListBox>
Enabling/Disabling the ListBox on the client is not persisted across PostBacks.
ListBox markup
<telerik:RadListBox runat="server" ID="RadListBoxA" CheckBoxes="true" Enabled="false">
<Items>
<telerik:RadListBoxItem Text="Item 1" />
<telerik:RadListBoxItem Text="Item 2" />
<telerik:RadListBoxItem Text="Item 3" />
<telerik:RadListBoxItem Text="Item 4" />
</Items>
</telerik:RadListBox>
<telerik:RadButton runat="server" ID="RadButton1" Text="Toggle State" AutoPostBack="false" OnClientClicked="ToggleListBoxStates" />
<telerik:RadButton runat="server" ID="RadButton2" Text="Postback" AutoPostBack="true" />
OnClientClicked event handler
function ToggleListBoxStates(sender, args) {
var listBoxA = $find("<%= RadListBoxA.ClientID %>");
listBoxA.trackChanges();
listBoxA.set_enabled(!listBoxA.get_enabled());
listBoxA.commitChanges();
}
Run the example, change the ListBox state and do a PostBack.
Notice, the state changes back.
RadListBox allows to declaratively bind the Text and Value properties of the ListItems, e.g: <telerik:RadListBox runat="server" DataTextField="Text" DataValueField="Id"> Unfortunately, this is not possible for the ImageUrl property. My Suggestion: please allow to also bind the ImageUrl declaratively as known from other controls, e.g: <telerik:RadListBox runat="server" DataTextField="Text" DataValueField="Id" DataImageUrlField="..." // and maybe even like this: DataImageUrlFormatString="..." DataImageUrlFields="...">
Replicate by dragging a RadListBox item vertically in the Drag-and-drop demo, on a mobile device.
Hi, Would love to have feature for reorder animation and drop placeholder when user is reordering the item(s) in the Radlistbox. A example would be the list in invisionapp.com as attached. Another example would be like JQUERYUI's sortable plugin. URL: https://jqueryui.com/sortable/#placeholder. Thanks.
The control should provide support for the JAWS screen readers, which will enable it for use by visually impaired users. More details are available in the following forum thread - https://www.telerik.com/forums/how-is-listbox-usable-for-screen-readers