or
2 answers
1.3K+ views
Using Kendo UI for ASP.MVC with jQuery, version 2022.1.301. Here are the steps:
- Click in multi select
- Drop down appears
- Select any item
- Drop down closes - This is the issue
- Click in the multi select again
- Drop down appears
- Toggle any item(s) on or off and it will now stay open and work perfectly fine!
- Click outside the multiselect and it closes as expected
The issue is step 4. I have been debugging through kendo.all.js and I can provide a small bit of inside. The issue lies at line 64,761 which is a function called _inputFocusout. When I click in the multiselect in step 1, the input box is focused and the cursor is blinking. When I click in it the second time the cursor doesn't show, rather "1 item(s) selected" is showing. So the focus out event doesn't happen now, and it works.
Oddly this works in the demos but I can't see anything I am doing wrong.
@(Html.Kendo().MultiSelectFor(m => m.SelectedEmployees)
.AutoBind(true)
.AutoClose(false)
.BindTo(employeesSmall)
.DataTextField("NameFirstLast")
.DataValueField("Id")
.Name("employees")
.TagMode(TagMode.Single)
)
Paul
Top achievements
Rank 1
Iron
Iron
Veteran
Rank 1
Iron
Iron
Veteran
answered
on
15 Jul 2022
1 answer
188 views
Hi,
Reordering rows using the draggable column might seem a bit buggy, as you have to move the cursor to the right before dropping to reorder the rows successfully, as can be seen in the following example https://dojo.telerik.com/ipOyacoH . It would be nice if dragging and dropping directly above and below (inside the draggable column) would work without moving the cursor to the right, but I can't seem to make this work. Could somebody please help me with this?
Thanks in advance!
user192
Top achievements
Rank 1
Rank 1
updated question
on
15 Jul 2022
1 answer
137 views
Hi,
Like Demo : https://dojo.telerik.com/ExuQuSoT
Field title and description validation require is set true.
I have a business need :
When I choose Meeting Room 201 for Field RoomId, I hope that I can mask or turn off the validation and submit it normal.
How to realize it?
Thank you very much for your help.
Martin
Telerik team
answered
on
14 Jul 2022
1 answer
139 views
hi
i set all days in workDays
workDays: [1,2,3,4,5,6,7]
thank you
Lyuboslav
Telerik team
answered
on
14 Jul 2022
1 answer
139 views
1 answer
150 views
1 answer
247 views
Hi,
I've overlapping issue when numbers are too close. Can you please advice how to fix line chart labels overlapping issue?
Here is also the snippet link https://dojo.telerik.com/iZiqEfaX
Nikolay
Telerik team
answered
on
14 Jul 2022
1 answer
234 views
https://runner.telerik.io/fullscreen/@shashi.kumar/IdeKUHam
You can see for column titled 'Phone' there is no right border.
Please reply how can we configure right borders?
1 answer
214 views
Hi, is it possible to use a kendo UI NumericTextBox with free decimals?
I would like to allow the user to input 0, 1 or any number of decimals and I want to see all in the textbox.
Is it possible?
Georgi
Telerik team
answered
on
13 Jul 2022
0 answers
165 views
I have written the following code for kendoComboBox, it does not cause any problem when creating, but when editing, only the id is displayed.
$('#buyer').kendoComboBox({
dataSource: new kendo.data.DataSource({
type: 'aspnetmvc-ajax',
serverFiltering: true,
serverPaging: true,
serverSorting: true,
transport: {
read: {
url: kmc.urlBase + '/lookups/buyers',
dataType: 'json',
type: 'POST',
beforeSend: function (xhr) {
kmc.setRequestVerificationToken(xhr);
}
}
},
schema: {
aggregateResults: 'aggregateResults',
data: 'data',
errors: 'errors',
total: 'total',
model: {
id: 'id',
fields: {
id: { type: 'number' },
name: { type: 'string' },
code: { type: 'string' },
cidNID: { type: 'string' },
addr: { type: 'string' },
tel: { type: 'string' },
fax: { type: 'string' }
}
}
},
error: function (e) {
if (e.status === 'customerror') {
pki.alert(e.errors);
} else {
var failure = pki.parseJson(e.xhr.responseText);
if (failure && failure.success === false) {
pki.alert('Status: ' + e.xhr.status + '<br/><br/>Error: ' + failure.errors);
} else {
pki.alert('Status: ' + e.xhr.status + '<br/><br/>Error: ' + e.xhr.responseText);
}
}
}
}),
dataTextField: 'name',
dataValueField: 'id',
filter: 'startswith',
valuePrimitive: true,
//change: function (e) {
// var dataItem = this.dataItem();
// if (dataItem) {
// pro.headerModel.set('buyer', { id: dataItem.Id, name: dataItem.Name });
// }
//},
minLength: 2,
select: function (e) {
var item = e.dataItem;
if (item) {
$('#buyer-name').text(`TO: ${item.name}`);
$('#buyer-addr').text(`ADD: ${item.addr}`);
$('#buyer-tel').text(`TEL: ${item.tel}`);
$('#buyer-fax').text(`FAX: ${item.fax}`);
$('#buyer-nid').text(`COMMERCIAL/NATIONAL ID: ${item.cidNID}`);
}
}
});
html code :
<td>
<span class="caption">Buyer: </span>
<input id="buyer" name="buyer" class="combobox-lg" data-bind="value: buyer.id" required />
</td>
