I just updated Kendo UI to Professional R2 2017 yesterday and was trying to put a Listbox widget in the popup edit window using the template. Every time when the edit window was closed and the widget was destroyed automatically, an error occured with the message 'Uncaught TypeError: Cannot read property 'removeData' of null'.
Please help resolve this issue. Thanks.
We are having an urgent need of a customizable point chart a figure of which is attached for your kind reference.
The Y axis needs to have a range and not incremental numbers. (High, Med, Low)
The icons that need to be plotted need to be images or circle with gradient color.
The grid lines drawn need to be dividing the data into equal 9 quadrants.
We need to have a Save as PDF & JPG/PNG format.
Request you to confirm which of your existing graphs will help us to achieve the expected functionality.
Request you to urgently respond.
Hello
We have been using for quite a long time Kendo in our ASPX Web Forms applications.
Now we also started developing in pure JS and we plan to start Angular 4 as well.
However, to keep consistency, we need to provide, in our new applications, the possibility of having tooltips in Modal mode.
For example, in WebForms we had something like <telerik:RadToolTip runat="server" Modal="true">
How could we do it using kendo UI for jQuery ?
Many Thanks!
I'm using Kendo UI TreeView and I enabled the dragAndDrop option. When I perform a drag and drop, the node is well moved by in the text I have :
function ( value ) { return access( this, function( value ) { return value === undefined ? jQuery.text( this ) : this.empty().each( function() { if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { this.textContent = value; } } ); }, null, value,
See the images of the error in stackoverflow
I am trying to add a custom command into the toolbar to launch a modal and can't get the grid to render or template to function properly. This is all in angularjs.
<
div
class
=
"page page-forms-common"
>
<
div
class
=
"pageheader"
>
<
h2
>Transactions</
h2
>
</
div
>
<
div
ng-include
=
"'views/card/CardHeader.html'"
ng-controller
=
"CardHeaderCtrl"
></
div
>
<
br
/>
<
div
>
<
kendo-grid
options
=
"transactionGridOptions"
id
=
"transactionsGrid"
>
</
kendo-grid
>
</
div
>
<
script
type
=
"text/ng-template"
id
=
"DisputeTransactions.html"
>
<
div
>
<
div
class
=
"modal-header"
>
<
h3
class
=
"modal-title custom-font"
>Dispute Notes</
h3
>
</
div
>
<
div
class
=
"modal-body"
>
<
label
for
=
"noteHistory"
>
Previous Notes:
</
label
>
<
label
for
=
"newNote"
>
Add Note:
</
label
>
<
textarea
></
textarea
>
</
div
>
<
div
class
=
"modal-footer"
>
<
button
class
=
"btn btn-orange"
ng-click
=
"cancel()"
>Cancel</
button
>
<
button
class
=
"btn btn-blue"
ng-click
=
"ok()"
>Submit</
button
>
</
div
>
</
div
>
</
script
>
<
script
type
=
"text/ng-template"
id
=
"disputeButtonTemplate"
>
<
div
id
=
"toolbar"
data-role
=
"toolbar"
>
<
button
ng-click
=
"openDispute('lg')"
>Dispute</
button
>
</
div
>
</
script
>
</
div
>
var
transactionData = [
{
"TransactionId"
:
"1"
,
"Transaction_Date"
:
"02/14/2017 17:00:000"
,
"Transction_Amount"
:
"$200.00"
,
"Merchant_Name"
:
"1-800-Flowers"
,
"Transaction_Description"
:
"home delivery"
,
"Balance"
:
"$1500.00"
}, {
"TransactionId"
:
"2"
,
"Transaction_Date"
:
"02/15/2017 17:00:000"
,
"Transction_Amount"
:
"$300.00"
,
"Merchant_Name"
:
"Shane Co"
,
"Transaction_Description"
:
"Shane Co in-store purchase"
,
"Balance"
:
"$1200.00"
}, {
"TransactionId"
:
"3"
,
"Transaction_Date"
:
"02/16/2017 08:30:000"
,
"Transction_Amount"
:
"$200.00"
,
"Merchant_Name"
:
"King Soopers"
,
"Transaction_Description"
:
"foo"
,
"Balance"
:
"$1000.00"
}
];
app.controller(
"TransactionGridCtrl"
,
function
($scope, $uibModal) {
$scope.transactionGridOptions = {
toolbar: [{ name:
"excel"
}, { name:
"pdf"
}, { template: kendo.template($(
'#disputeButtonTemplate'
).html()) }],
dataSource: {
data: transactionData
},
columns: [
{ template:
"<input type='checkbox' class='checkbox' />"
, width:
"30px"
},
{
field:
"TransactionId"
,
hidden:
true
},
{
field:
"Transaction_Date"
,
title:
"Transaction Date"
,
},
{
field:
"Transction_Amount"
,
title:
"Transction Amount"
},
{
field:
"Merchant_Name"
,
title:
"Merchant Name"
},
{
field:
"Transaction_Description"
,
title:
"Transaction Description"
},
{
field:
"Balance"
,
title:
"Balance"
}],
noRecords:
true
,
editable:
false
,
sortable:
true
,
reorderable:
true
,
pageable: {
pageSize: 20,
previousNext:
true
,
input:
true
,
buttonCount: 5,
pageSizes: [20, 30, 40,
"all"
],
info:
true
,
messages: {
page:
"Enter page"
}
},
filterable: {
mode:
"menu"
,
ignoreCase:
true
,
operators: {
string: {
eq:
"Equal to"
,
contains:
"Contains"
,
startswith:
"Begins with"
},
date: {
eq:
"Equal to"
,
gt:
"After"
,
lt:
"Before"
,
eq:
"Equals"
,
gte:
"After or equal to"
,
lte:
"Before or equal to"
}
}
},
pdf: {
allPages:
false
,
fileName:
"Transactions.pdf"
},
excel: {
fileName:
"Transactions.xslx"
,
filterable:
true
}
}
$scope.openDispute =
function
(size) {
alert(
"hi"
);
//var modalInstance = $uibModal.open({
//templateUrl: 'TransferFunds.html',
//controller: 'TransferFundsCtrl',
//size: size
//});
}
});
Hey,
I have a grid with collapse inside, and I got more data inside my collapse.
But if I click export to csv, the data from collapse is not exporting to csv file.
Can I export collapse data too?
Thanks, Chen.
Hello!
I have prepared an example: http://dojo.telerik.com/oZOYa
In my project setup I use 24x24 px images with transparent background (in the online demo 16x16 px), which I position in the center of the buttons (css vertical-align). I also need to set the button click event handlers after the toolbar has been initialized.
On desktop browsers the example works well. However, when I use Chrome for Android (version 58), the button click event is not always firing, even when the orange button background flashes up, when pressing on a button. The issue seems to appear more often, when the page is zoomed. Toggle buttons work fine. I experience the same issue, but less often, with iOS 9.3.2 Safari too.
Any ideas on how to improve the user experience?
Best regards,
Kaan
Dojo example: http://dojo.telerik.com/EZUfO/2
In this example, I want to display some nodes in the treeview (directories), and hide other nodes (files). If you expand "dir1" and "dir2" you can see that the filter works as expected (/dir1/dir2/file is hidden). I also manually call load() when selecting a treeview node, so that I can reference a node's children simply by clicking on it (see select event callback).
Steps to reproduce undesired behavior:
After step 4 you should see that /dir1/dir2/file is shown in the treeview. Is this expected behavior? I would like /dir1/dir2/file to always stay hidden, according to the datasource's filter.
I am trying to have the cell filter render a DateTimePicker with the parsed format as 24 hr - when i select 20.30 from the time picker portion it gets set in the rendered input as 03/06/2017 08:30 - I have tried numerous configurations for the template format arguments - could someone please point me in the right direction?
dcolumns[ci][
"type"
] =
'date'
;
dcolumns[ci][
"filterable"
] = {
cell: {
showOperators:
false
,
template:
function
(args) {
args.element.kendoDateTimePicker({
timeFormat:
"HH:mm"
,
format:
"MM/dd/yyyy HH:mm"
,
parseFormats: [
"MM/dd/yyyy hh:mm tt"
]
});
}
}
}