Questions on Kendo UI for jQuery Forum

5 answers

831 views

Hello,

We are experiencing some problems with persisting grid options and particularly with the filters and groupings. We are using Razor and not javascript.

We successfully persisted the options for the grid but after using setOptions some strange behavior was observed:

Problem 1. We have group by and the options are persisted. After using setOptions the groupings are present but if you try to filter using a filter that has check boxes(multi filter is set to true), the filter contains no options.

Problem 2. We have checkbox multi filter by some column and options are persisted. After using setOptions the filters will contain ONLY the values that were checked. Even after clearing the filter the values are not re populated but we are left only with the options that we had after setOptions.

I have spent lots of time reading on the forums but couldn't find a suitable solution. Any help would be appreciated.

Grid

answered on 13 Sep 2017

3 answers

1.0K+ views

[Solved] Status 405 (Method Not Allowed)

Editor / File and image browser ::

When clicking on image icon from editor to upload new image in that case generate error as 405 method not allowed in HTML 5.

I have attached here completed Zip file which content html.

Please provide me some solution for the same.

Regards,

Joy

Editor

answered on 13 Sep 2017

2 answers

252 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

304 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

209 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

316 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

864 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

735 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

581 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

123 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