Questions on Kendo UI for jQuery Forum

2 answers

246 views

numeric mvvm not updating programmatically

Hello, I have nested kendo so at inner most the code for kendo numeric is as below :

<script id="CustomerHeadsT" type="text/x-kendo-template" class="KendoExtTemplate">

<div>

<input data-role="numerictextbox" data-bind="value: Gross_Fare">

<input data-role="numerictextbox" data-bind="value: Fee.TotalFee" data-value-update="keyup"> <button type="button" data-role="button"

data-icon="edit" data-bind="click: OpenCustomerFeeGrid"></button>

<div data-role="window" id="CustomerfeeWindow"

data-title="Customer Fee Breakup" data-modal="true"

data-width="300"

data-height="150" data-visible="false"

data-bind="events: { open: onCustomerFeeWindowOpened, close: onCustomerFeeWindowClose }">

<div data-role="grid"

data-editable="true"

data-toolbar="['create', 'save']"

data-columns="[

{ 'field': 'FeeCurrency', 'width': 270 }

]"

data-bind="source: FeeBreakup"></div>

</div>

</script>

The Gross_Fare and Fee.TotalFee doesnt get binding programatically using set() . The values in viewModel from controller gets set in template but i am not able to change value using set() and ViewModel doesnot get updated if value changed from UI

NumericTextBox

answered on 13 Sep 2017

1 answer

298 views

Pasting Rich Text(text + image) from outlook in to Kendo UI Editor pastes only the Imahe and not the text

Hi , I am using Kendo UI Editor, When I paste the rich text from outlook, only the image is pasted in the editor and not the text. and I paste the text alone its working fine. The version I am using is v2016.1.412. Any help would be appreciated!

Thanks ahead!

Editor

answered on 13 Sep 2017

3 answers

207 views

loading kendo grid only, with angular and requirejs

Hello,

I have the following setup:

//configuration
require.config({
waitSeconds: 30,
urlArgs: function () {
var now = new Date();
return "?v=" + now.getTime();
},
paths: {
"jquery": ["//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min", "/Scripts/jquery-1.9.1"],
"angular": "/Scripts/Angular/angular.min",
"kendo.core": "/Scripts/kendo/2016.1.226/kendo.core.min",
"kendo.grid": "/Scripts/kendo/2016.1.226/kendo.grid.min",
"kendo.angular": "/Scripts/kendo/2016.1.226/kendo.angular.min",
"kendo.data": "/Scripts/kendo/2016.1.226/kendo.data.min",
"kendo.columnsorter": "/Scripts/kendo/2016.1.226/kendo.columnsorter.min",
"BaseJS": "/Core/Scripts/BaseJS",
"index.controller": "/DogsBreakfast/Scripts/Controller/index.controller"
},
shim:
{
"BaseJS": { deps: ["kendo.angular", "angular", "jquery"] },
"kendo.core": { deps: ["angular", "jquery"] },
"kendo.angular": { deps: ["angular"] },
"angular": {
exports: "angular"
},
"jquery:": {
exports: "jquery"
},
"index.controller": {
deps: ["BaseJS"]
}
}
});

define(function (require) {
//kick off index.controller.js
require(["index.controller"],
function ($) {
var app = angular.module('MyApp');
angular.bootstrap(document, ["MyApp"]);
});
});

However, I keep getting " Module 'kendo.directives' is not available ", looking at the sequence of the js files loaded (attached), seems to be alright.
I have also, loaded the required module based on "http://www.telerik.com/download/custom-download".

Alternatively, I can easily fix this by loading "kendo.all.min", but it's just too big / too much...for a page that only needs a grid.

Is there a way to load kendo-ui module independently?

Thanks for your help,
Regards,

Aditya

General Discussions

answered on 13 Sep 2017

2 answers

314 views

[Solved] Kendo UI for Angular Sample App

Can someone point me to the Kendo UI for Angular sample app featured on the demos page?

Demos page: http://www.telerik.com/support/demos

Screenshot: http://d585tldpucybw.cloudfront.net/sfimages/default-source/labs/vibe/kendo-angular-ui.png?sfvrsn=f6ea55a4_1

I found the Dashboard sample at https://telerik.github.io/ng2-dashboard/#/dashboard. I'd like to see the above sample as well.

Thanks,

Joel

General Discussions

answered on 12 Sep 2017

8 answers

851 views

Using k-min and k-max with Angular

Hi,

I'm setting the min and max values with Angular, they set fine first time but don't update if 'items' values' change (as if there's a one-time bind rather than a two-way bind).

This means that if I set one item to 5, and then the next item along should have its min/max values changed accordingly.

Is there a way to do this out-the-box with Kendo UI? It works as expected with a standard HTML number input.

Here's what I have currently:

    <div ng-repeat="item in items">
        <input data-kendo-numeric-text-box
            data-k-min="items[$index + 1].value"
            data-k-max="items[$index - 1].value"
        data-k-format="'n0'"
            data-k-ng-model="item.value" />
    </div>

Thanks!

NumericTextBox

answered on 12 Sep 2017

1 answer

730 views

Not able to paste the image in Kendo UI Editor

Hi, I am using Kendo UI editor. When I copy the text and image and paste it, only the text is getting pasted and not the image. When I use snag it to insert the snap in editor, I am able to paste the image. Is their an option to enable pasting image?

Thanks ahead!

Editor

answered on 12 Sep 2017

1 answer

574 views

Long popup menu scroll issue with Kendo toolbar

Hi, we have a complication with kendo toolbar control. If we have the toolbar which has "buttonGroup" element, and its height above of height rest of the screen and "flip" collision detection, not fire for this case.(it's above of height rest of screen at top)
In this case, popup menu extends page height and we have shown menu which only partly visible.

try to use the scroll to see rest of hidden elements - popup menu closing.

Question: have we any chance to use scroll without menu closing or simple workaround how to show the popup menu with a full set of items on screen?

Dojo Sample (open popup menu and try to scroll):
http://dojo.telerik.com/IRoTO/4
(FHD screen)

Toolbar

answered on 12 Sep 2017

2 answers

119 views

[Solved] addShape() dojo example in docs doesn't works

Hello.

FYI, the "addShape()" dojo example in this doc doesn't works.

Diagram

answered on 12 Sep 2017

1 answer

446 views

[Solved] Export to Excel Footer

Footer is treated as string values (because of possible text, etc), which make sense. However I would like to export footer as numbers. I know I can post proces workbook on excelExport event, but I need some clarifications. I would need to access to agregates of exported data. Is is possible? Or instead of accessing e.data property is better to get values directly from data source.

Grid

answered on 12 Sep 2017

1 answer

337 views

Cannot rad property 'style' of undefined

Hello, i use Kendo UI with angularJS, i want to relaod my page and open a kendow window, but after the reload i have this error :

angular.js:13920 TypeError: Cannot read property 'style' of undefined at init.toFront (kendo.all.js:41238) at init.open (kendo.all.js:41104) at app.bundle.js?6f4285d…:11703 at angular.js:19612 at e (angular.js:5964) at angular.js:6243

Window

answered on 12 Sep 2017