Questions on Kendo UI for jQuery Forum

3 answers

71 views

Model for Drawer access in related views

I'm in a situation where I need to be able to access the model I have bound to the Drawer accessable to all the views it relates too. I've tried the below. Thanks in advance.



//in the view like this

app.filterService.viewModel.structureId



//model for filter



(function (global) {

  

    var FilterModel,

app = global.app = global.app || {};



    FilterModel = kendo.data.ObservableObject.extend({



        structures: kendo.observable({ items: GetStructures()}),

        structureId: 49118,



        days: kendo.observable({

            items: [

                { id: 7, name: "Past 7 Days" },

                { id: 30, name: "Past 30 Days" },   

                { id: 60, name: "Past 60 Days" },

                { id: 90, name: "Past 90 Days" }]

        }),

        day: 7

    });

   

    app.filterService = { viewModel: new FilterModel() };

    console.log(app.filterService.viewModel.structureId);

}

)(window);

Drawer (Mobile)

answered on 30 Jan 2014

1 answer

91 views

IE 8 Can't sort or filter in server side mode

I can't get much visibility to this ,but using any of the public or internal builds of Kendo grid, in IE 8 with a data source that is set to server side it doesn't even send out the server side request after sorting or filtering (so says Fiddler)

It works perfectly on Chrome, Firefox, Safari and IE 10/11.

Looks like a bug?

Grid

answered on 30 Jan 2014

3 answers

112 views

virtualViewSize on mobile list

There is no documentaton for the virtualViewSize property of the MobileListView. There is only a demo... which fails to answer many questions, such as... how does this work? I"m working of local data not odata so the demo doesn't show how i would set up paging for local data.

http://demos.telerik.com/kendo-ui/mobile/listview/local-virtualization.html

General Discussions

answered on 30 Jan 2014

2 answers

158 views

Issue DropDownList Action, iFrame in other iFrame

Hello.
I have some problem when click DropDownList, iFrame(Child) in other iFrame(Mother).
In this case I got some strange issue.
Both iFrames twinkling when I click the DropDownList in iFrame(Child).
It just happend on Chrome(current ver 32.0.1700.102).
Anybody Help this?
Thanks.

PS :)
Problem happened in the KendoUI version (2013.3.1316, 2013.3.1324)

DropDownList

answered on 30 Jan 2014

4 answers

2.0K+ views

Issue displaying Enum Description on Kendo grid

Hi Team,

We are trying to display Enum Description
for user friendly message. We have some issue on kendo grid template column.
How can we pass the data to the MvcHelperExtensions method. Please
suggest if you have any solution for this.
columns:
[
          { field: "Status", title: "Status", template: kendo.template($("#tempStatus").html())}
]

<script id="tempStatus" type="text/x-kendo-tmpl">
<div>#= Status#</div>// We
are able to see the data
@*<div>@MvcHelperExtensions.GetWorkOrderStatusDescription("Status")</div>*@// We are not sure how to pass this data to a MvcHelperExtensions method.
</script>

My Enum as as below.
public enum WorkOrderStatus
    {
        [Description("Estimate")]
        Estimate = 0,
        [Description("Estimate sent")]
        SubmittedEstimate = 1,
}

My Extention method is below

public static string GetEnumDescription<TEnum>(TEnum value)
        {
            FieldInfo fi = value.GetType().GetField(value.ToString());

            DescriptionAttribute[] attributes = (DescriptionAttribute[])fi.GetCustomAttributes(typeof(DescriptionAttribute), false);

            if ((attributes != null) && (attributes.Length > 0))
                return attributes[0].Description;
            else
                return value.ToString();
        }

Grid

answered on 29 Jan 2014

1 answer

107 views

Programmatically Enable or Disable Views

We are re-writing a very large application in HTML5 and are using Kendo UI.

We've run into a bit of an issue trying to port programmatic restrictions based on user selection. As an example, we show the user a grid of items... and based on their selection within the grid - various components, entire views, or sub-sets of a view may be enabled or disabled.

The UI toolkit we used previously had an 'enabled' property on all visual elements - widgets, containers, etc. Setting enabled='false' on a widget would turn it grey and would prevent interaction. Setting enabled='false' on a container would cause it and all its children to turn grey and prevented interaction.

Some Kendo UI widgets have an 'enabled' property... but it's inconsistent. We've tried to work around this by tearing-down / re-creating views or crawling through a view and disabling its children; neither of these approaches are practical.

Is this capability something that is on the Kendo UI roadmap? And, in the meantime - do you have any suggestions or best practices that might help?

General Discussions

answered on 29 Jan 2014

6 answers

121 views

ThemeBuilder issue

Hi, we are trying to execute the Kendo UI Theme builder on ligne but it doesn't run have you any idea what should we do ? (Find in attachment the error captured in Google chrome)

General Discussions

answered on 29 Jan 2014

1 answer

121 views

Lost reference to data source ListView

I have an existing Html.Kendo().ListView and TabStrip contained on a web page.

Loading content dynamically into the tabstrip causes the datasource held for the listview to lose reference (e.g. Uncaught TypeError: Cannot read property 'dataSource' of undefined)

$.ajax({
type: 'GET',
url: url,
async: false,
data: { id: itemId },
success: function (data) {
$('#tabstrip-1').html(data);
}
});
(It would seem that since the tabstrip content contains a reference to the JQuery library is causes the reset)

General Discussions

answered on 29 Jan 2014

3 answers

420 views

Submenu height of vertical menu

I have a vertical oriented menu with a height of 100%. Is it possible to set the height of the submenu to 100%? Or does this involve changing the rendering template within the kendo.ui.menu.js? I tried to set the following css classes, without success:

.k-animation-container {

height: 100%;

max-height: none;

}

.k-popup {

height: 100%;

max-height: none;

}

Menu

answered on 29 Jan 2014

4 answers

1.0K+ views

Datepicker with angularjs, how to get the value as Date i.s.o. string

Hi,
I am investigating to use the datepicker in a AngularJs environment.
The problem I am facing now is that the value of the datepicker I get is a String, not a Date. And I do not want to add code to parse, validate etc.
In my test, I select a date in the calendar. The value is writen to the model, but as the view shows, its a string, not a Date.

This is the (significant part of) the test-set:

The view (kendoui-view_datepicker.html)
<h1>Test of the datepicker</h1>
<input kendo-date-picker data-ng-model="data.testDate" k-options="datePickerConfig"/>
Model date: {{data.testDate}} analyses: {{analyseDate()}}

The script (kendoui-angular-app-datepicker.js):
angular.module('SampleApp', ['ngResource', 'ngRoute', 'kendo.directives']).config(function ($routeProvider)
{    $routeProvider.when('/', { templateUrl: 'kendoui-view_datepicker.html', controller: HomeCtrl }).otherwise({redirectTo: '/'}); });
function HomeCtrl($scope)
{
    $scope.data = {
        testDate: new Date()
    };
    $scope.datePickerConfig = {
        format: "dd-MM-yyyy",
        parseFormats: ["yyyy-MM-dd", "dd/MM/yyyy", "yyyy/MM/dd"],
        footer: "Currently #: kendo.toString(data,'dd-MM-yyyy')#"
    }
    $scope.analyseDate = function () {
        var tp = typeof $scope.data.testDate;
        return $scope.data.testDate + " " + tp;
    }
}
I attach these files plus a start-up file and the used kendo-angular.js

DatePicker

answered on 29 Jan 2014