I've seen a few threads about this for asp.net and the Kendo UI javascript dropdownlist but the solutions don't really apply to the JSP dropdownlist.
I want to make my dropdownlist mandatory as below.
<
kendo:dropDownList
name
=
"status"
dataTextField
=
"domainValue"
dataValueField
=
"domainId"
optionLabel
=
"Please Select..."
required
=
"required"
>
<
kendo:dataSource
data
=
"${projectStatus}"
></
kendo:dataSource
>
</
kendo:dropDownList
>
However, because Kendo renders the actual input field as hidden, then the error message displays in the top left of the browser. How do I get it to display on the dropdown?
Hello,
I tried to create a custom cell editor for boolean values in a grid by adding the k-checkbox style to a checkbox.
Unfortunately it doesn't seem to work. When clicking on the styled checkbox, the cell just closes the edit mode, but doesn't change the value.
Is there a solution for this problem?
Thank you for your help,
Daniel
I have a dropdownlist defined as follows:
<
kendo:dropDownList
name
=
"module"
dataTextField
=
"domainValue"
dataValueField
=
"domainId"
>
<
kendo:dataSource
data
=
"${testModule}"
></
kendo:dataSource
>
</
kendo:dropDownList
>
The html generated in the browser is as follows:
<
span
class
=
"k-widget k-dropdown k-header"
style
=
""
title
=
""
unselectable
=
"on"
role
=
"listbox"
aria-haspopup
=
"true"
aria-expanded
=
"false"
tabindex
=
"0"
aria-owns
=
"module_listbox"
aria-disabled
=
"false"
aria-busy
=
"false"
aria-activedescendant
=
"b5f28c08-1663-4dfc-bebe-a03898405acf"
>
<
span
class
=
"k-dropdown-wrap k-state-default"
unselectable
=
"on"
>
<
span
class
=
"k-input"
unselectable
=
"on"
>Library</
span
>
<
span
class
=
"k-select"
aria-label
=
"select"
unselectable
=
"on"
>
</
span
>
<
input
id
=
"module"
name
=
"module"
data-role
=
"dropdownlist"
style
=
"display: none;"
>
</
span
>
<
script
>
jQuery(function(){jQuery("#module").kendoDropDownList({"dataSource":{"data":[{"domainId":17,"domainValue":"Library","domainCode":"TMOD"},{"domainId":18,"domainValue":"Regular","domainCode":"TMOD"},{"domainId":19,"domainValue":"Advanced","domainCode":"TMOD"},{"domainId":20,"domainValue":"Unknown","domainCode":"TMOD"}]},"dataValueField":"domainId","dataTextField":"domainValue"});})
</
script
>
Then in a $(document).ready function I have the following:
var dropdownlist = $('#module').data("kendoDropDownList");
dropdownlist.select(function(dataItem) {
return dataItem.value === "Regular";
});
The second line throws a javascript error because the variable dropdownlist is not defined.
Note I have 3 other dropdownlists defined on the page, all with different names, obviously, and get the same error.
Please tell me where I'm going wrong. Thank you.Hello,
when using a grid and a chart in the same page, the kendo.dataviz.min.js seems to conflict with the grid.
Only if this JS is NOT included, the paging footer is shown. Otherwise it always shows 0 (the "total" attribute is set).
Is there a workaround for this problem?
Thanks for your help,
Daniel
Hello,
when I add a custom column command (e.g. a button) to a grid and the grid is very long,
after clicking a button in the lower part of the page, it always moves back up to the top.
Can I somehow prevent this behavior?
Thanks!
Daniel
Hello,
is there a "kendo-way" to automatically set the size of the filter in a cell not smaller than the content in the cell,
without having to explicitly set the width attribute?
Thanks for your help,
Daniel
hi
I am web developer James.
We are developing website based on Kendo Ui and we faced many problems with upload component.
When we upload over 5 files together, we experienced many upload fail. (We had no problems with single upload)
When we test 10 times of upload, 5 times were fail.
It is a serious problem with our project and i hope to know what is solution kendo ui support team can give us
We have another problem with upload.
When we try drag & drop upload in chrome, it frequently fails and we have know idea why it happens.
Do we have to upgrade our component? or is it original problem that this component has
we have to open our web site in a month and we must solve this serious problem.
Thank You.
Hi
I have a grid with one of the columns locked. When the user selects any of the rows I am trying to get the values from selected rows using dataitem field. It works fine if the column is not locked. But as soon as I lock a column, the select().each() function iterates over the selected rows twice which causes repeating values when I try to print them. The column that I am trying to lock is the one whose value I am trying to access using the dataitem. What is causing this behavior? Is there a way to avoid this?