The editor sample on http://demos.telerik.com/aspnet-mvc/editor/imagebrowser does not show an implementation of FileBrowserController, and it does not say anything about it being required.

Maybe you could add the FileBrowserController to the sample page?

Just a thought :-)

Hi, I'm new to Kendo, but I've gotten the datepicker and droplist/with datasource to work. However, I'm stuck on the grid.

The grid renders fine on the page, but it says "No items to display". There are no errors in the console. In the console, I can see the browser fetch the JSON when I click refresh, and it contains all the JSON data (101 rows). Here is a sample: 

 JSON sample:

...and so on.




PHP code:

I am working on MVC project using knockout JS.

I need to enable & disable the kendoNumericTextbox control on checkbox value. 

But I need to disable the numeric control when checkbox is checked. i.e if
checked = true then enabled = false. Is there a way to pass the inverse value
to numeric enabled option.

And I have to implement similar functionality to KendoDatepicker. Could you
please suggest any solution for both the controls. Here is my code - 

 <input class="" type="text"
data-bind="kendoNumericTextBox: {value:FloatValue, min: 0.01, decimals: 2,
format: 'n2' , enabled:CheckboxValue} " />
   

 <input type="checkbox" data-bind="checked:
CheckboxValue">  Null

I am getting this error while binding the grid using asp.net MVC Any one can help me to resolve this???

Hi there,


Just thought I would like to share my color picker for the editor, similar to the one in Microsoft Word:


And the css styles to go along with that:

Hi there,

I have a tree view control on my view and I am binding to a json data source in controller code.

       <div kendo-tree-view="tvc.tree"
            k-data-source="tvc.treeData"
            k-options="tvc.treeOptions">
        </div>

Controller Code :

$scope.tvc = {};

        $scope.tvc.treeData = new kendo.data.HierarchicalDataSource({
            transport: {
                read: {
                    url: options.api.base_url + "/GeoCodeData",
                    dataType: "json"
                }
            },
            schema: {
                model: {
                    id: "GeoCode",
                    hasChildren: function (e) {
                        return true;
                    }
                }
            }
        });

        $scope.tvc.treeOptions = {
            checkboxes: {
                checkChildren: true
            },
            dataTextField: "GeoCode"
        };

Everything works fine when it loads the root node. On subsequent expansion of nodes, it fetches data again by querying datasource. The only parameter passed is "GeoCode" which is defined in schema model.

My requirement is to pass additional filters. The model, with which tree view is binding contains 3 properties. I need to pass like this.

http://localhost:4416/api/GeoCodeData?GeoCode=US&GeoLvl=1

Currently, it is fetching like this :

http://localhost:4416/api/GeoCodeData?GeoCode=US

Any pointers will be appreciated.

Thanks.

I am new to Angular JS and having basic knowledge on
directives, modules, controllers and scope.

I got a requirement to develop multiple kendo charts with
Angular JS so decided to make a “custom directive” for kendo charts to make it
reusable throughout the project.

I am able to declare all the chart options like data source,
series, series defaults, legend position and categories in custom directives.
This is working at the time of initial load. But, once I change the data source
(data source is scope variable in controller) the chart is not getting
reflected.

This is an urgent requirement for us. Please help me on this
to come out from tough situation. Any help is highly appreciated on below
areas:

1.      
I have filter area along with refresh button.
User selects the filter conditions and click on refresh button. On clicking
refresh, I need to update the chart. But, initially loading is happening not on
updating anyone of the value.

2.      
Need to update the custom directive template
(kendo chart) on updating anyone of the chart properties like data source,
series, series defaults, legend position and categories.

Below is the code I tried:

Custom Directive:

var app = angular.module("myserviceApp", ['kendo.directives']);

 

app.directive('customdirectiveforkendochart', function () {

return {

        restrict: 'E',

        scope: {           

            legendposition: '=',

            datasource: '=',

            seriesdefaults: '=',

            chartseries: '=',

            categoryAxis: '='

        },

        controller: ['$scope',function ($scope) {

                   }],

        link: function (scope, element, attrs) {           

            scope.$watch("chartseries", function (value) {

//Tried
to update the chart on changing of chart series but no luck.

                scope.series = new
kendo.dataviz.SeriesBind(scope.chartseries);            });           

        },

        template: '<div kendo-chart k-legend="legendposition"
k-series-defaults="{{seriesdefaults}}"
k-series="chartseries"
k-category-axis="{{categoryAxis}}"></div'

    };

});

 

Controller:

 

var app = angular.module("myApp", ['myserviceApp','kendo.directives']);

 

app.controller("myCtrl", function ($scope, $compile)
{

 

$scope.legendposition
= "top";

 

    $scope.seriesDefaults = {

        type: "line",

        stack: false

    };

 

    $scope.series = [

              {

                 
name: "Sample Seats",

                 
data: $scope.seats //Array of values

              },

            {

                name: "Sample user count",

                data: $scope.activeUsers
//Array of values

            }

    ];

 

    $scope.categoryAxis = {

        categories: $scope.categories,

        baseUnit: $scope.category,

        majorGridLines: {

            visible: false

        }

    };

}

HTML:

<'customdirectiveforkendochart' legendposition="legendposition" seriesdefaults="seriesDefaults" chartseries="series" category-Axis="categoryAxis"  ></customdirectiveforkendochart>               

OK, I'm using pie chart, and did not define any colors for each of the series at first. It seems the Chart uses 6 default colors and rotates them. The problem came where there are 7 slices on one of my pie charts. So... The 7th slice is the same color as the first slice, since it's rotating, and these two slices now look like a single slice with the same color.

I fixed it myself by manually assign the same 6 color rotation to each series, check for the last color and ensure it's not the same as the first, then advance to the next color.

Nether less, this should be fixed.

Aaron

Hi:
Do you have example on how to do editing on grid templating in your example detail template where the Contact tab data is from the same datasource and when editing is enabled and when user changed the data on the tab form, how can the save button will do the saving for the grid including the customer tab form data changed.

Also the field template of setting null to blank is not carrying over to the tab templated form data?


Thanks,

Hello There

I'm trying to convert the WebSushi application for Typescript.

For some reason, when you use a class the Kendo Template is not able to discover the parent().parent().


Here are the templates, the same as we have in WebSushi:

The point is, I cannot catch the addToCart click event with MyViewModel.
If I debug, the model.parent().parent() is missing.

But! If I use only Javascript like the WebSushi it works.

What am I doing wrong?

Please, check the example here:
http://jsfiddle.net/ertzajLn/6/

Thanks!