In bootstrap a project I have used kendo.all.min.js. However, for a couple of selected pages I only need MVVM Integration so I figured I will setup the pages using kendo.all.min.js (https://github.com/telerik/kendo-ui-core).
I include: kendo/kendo.common-bootstrap.core.min.css and /kendo/kendo.core.min.js but the code below gives me the following error: Uncaught TypeError: kendo.observable is not a function
What am I doing wrong?
<div id="app">
<div data-bind="html: test"></div>
</div>
<script type="text/javascript">
"use strict";
var viewModel = kendo.observable({
test: "<span class='label label-success'>test</span>"
});
kendo.bind($("#app"), viewModel);
</script>
Hi! I'm using a tiny REST api as the grid's data source. For the API its perfectly fine to return a 404 error if data isn't found, but the grid automatically handles this like a regular error (say, like a 500), instead of letting me handle it through the noRecords template (which is called fine if I return an empty collection instead of a 404 in the API).
How can I handle 404s like how the grid handles empty collections with the noRecords template?
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.
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
<
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 id="FeeGridContainer" data-template="FeeGrid" data-bind="source: FeeBreakup"></div>-->
<
div
data-role
=
"grid"
data-editable
=
"true"
data-toolbar
=
"['create', 'save']"
data-columns="[
{ 'field': 'FeeCurrency', 'width': 270 }
]"
data-bind
=
"source: FeeBreakup"
></
div
>
</
div
>
</
div
>
</
script
>
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!
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
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