Questions on Kendo UI for jQuery Forum

2 answers

249 views

Dear all,

I am brand new to Kendo UI SPA anf wanted to create my 1st 'Hello World' application.
To get organized JS files I also wanted to use requireJS, but I could not really get what I want and I need your help (please).

This is my index.html:

<!DOCTYPE html>

<html>

<head>

<title>TestApp</title>

<meta charset="utf-8"/>

<link href="js/libs/kendo/styles/kendo.common.min.css" rel="stylesheet"/>

<link href="css/main.css" rel="stylesheet"/>

<script data-main="js/main" src="js/libs/require.js"></script>

</head>

<body>

<noscript>

<h3>Javascript muss aktiviert werden!</h3>

<h3>Javascript must be active!</h3>

</noscript>

<h3>TestApp</h3>

<div id="app"></div>

</body>

</html>

This is my main.js:

require.config({

paths: {

jquery : "libs/kendo/js/jquery.min",

kendo : "libs/kendo/js/kendo.all.min",

text : "libs/text",

indexViewModel : "models/m_index",

indexViewTemplate : "views/v_index.html"

},

// inform requirejs that kendo ui depends on jquery

shim: {

"kendo": {

deps: ["jquery"]

}

});

require(['jquery', 'kendo', 'myapp'

], function() {

var $ = require('jquery');

var kendo = require('kendo');

var myapp = require('myapp');

var App = new myapp();

App.init();

});

This is my myapp.js:

define(function()

{

var myApp = function() {

var constructor,

app = {}, // public class object of app

constructor = function() {

console.info('App constructor executed');

return app;

};

app.init = function() {

console.info('App started');

// Here I want to enter the code which should create the view and load the template as text

          // The view model should be a requureJS file and the template for the view should be loaded by

          // require text plugin

};

return constructor.apply(null, arguments);

};

return myApp;

});

This is what I have so far, and it shows up 'App started' in the browser's console log.
But what I could not get is:

1. Create a view which is a requireJS model
2. This view should load the template from a file using the requireJS text plugin
3. The view should show up inside the DOM's #app DIV.
4. Later on I want to create several views using requreJS module and switch between them

So this is really basic. But I don't know how to combine SPA and requireJS.

I need your help,

Thanks a lot!

SPA

answered on 18 Aug 2014

1 answer

484 views

Dynamically load resources

Hi,

I need to dynamically load the resources of the scheduler object. Here is an example to explain the issue I am having.

I have a database of over 5,000 people all of whom have events. When the user is looking at a schedule for the month of January I want to load all the events of that month along with all the attendees as resources ( lets say 100 people). I do not want to have to load all 5,000 people as resources as that is going to bog down the network. When the user then changes the view to February I want to load all the February events and all the February resources.

The problem I am having is how to dynamically load these people/resources and how to refresh the scheduler once they have loaded.

I don't know if it makes a difference but I am using the scheduler with angular.

Scheduler

answered on 18 Aug 2014

1 answer

669 views

Custom Binding and Editable Kendo Grid

I'm attempting to bind a kendo grid to a model in my MVC application
.BindTo((IEnumerable<Jolt.Web.JoltServiceReference.DealDetail>)ViewBag.Detail)
.Editable(editable => editable.Mode(GridEditMode.InLine))

when ever I run my application, I receive:
An exception of type 'System.NotSupportedException' occurred in Kendo.Mvc.dll but was not handled in user codeAdditional information: There is no DataSource Model Id property specified.

Ids this possible? can you point me to anny whitre papers or reference materails?

Grid

answered on 18 Aug 2014

3 answers

527 views

MVC remove the footer

I am trying to remove the footer, according to the doc

"Template to be used for rendering the footer. If false, the footer will not be rendered."

I have tried setting it blank as below also with the word false and false as a Boolean (error no overload), is this something missing in the MVC lib, or my sleepy brain.

@(Html.Kendo().Calendar()

.Name("calendar")

.HtmlAttributes(new { style = "width: 143px;" })

.Footer("")

)

Calendar

answered on 18 Aug 2014

3 answers

205 views

[Solved] Relative position to container

Is there a way to get the relative position to it's container of a dropped element ?

thanks.

Drag and Drop

answered on 18 Aug 2014

1 answer

564 views

Data Binding Not Showing

data comes back from ajax call and after the extend JobViewModel has the field PatientFirstName and is populated
however txt_FirstName is never populated with the value in PatientFirstName

i do var JobViewModel = kendo.observable({     }); because I only want to work with what comes back fro the ajax call

what do I have to do to get this to work?

thanks

<div id="content_wrapper">
....many divs deep
<input type="text" id="txt_FirstName" data-bind="value: PatientFirstName" />

</div>

from ajax call
success: function (data) {
var JobViewModel = kendo.observable({     });
            $.extend(JobViewModel, data);
            kendo.bind($("#content_wrapper"), JobViewModel);
}

MVVM

answered on 18 Aug 2014

1 answer

516 views

How do I avoid decimal values in my value axis?

How do I avoid decimal values in my value axis?
I just want to see whole numbers, not 0.5 or 1.5, etc

Charts

answered on 18 Aug 2014

1 answer

100 views

Checkbutton and Radiobutton Adaptive

After a few test i suppose that mobile widget are incompatible with web widget. I have tested kendo.ui.ToolBar and when i run script with "New kendo.mobile.Application" toolbar widget appear in wrong mode.

Is it possible obtain radio and checkbutton styles adaptive (native-like look and feel) like in mobile.application without use mobile.application, or there are way to use this widget combined with web widget ?

General Discussions

answered on 18 Aug 2014

1 answer

108 views

Boolean row filter is cramped.

How to space out the Boolean row filter?

http://dojo.telerik.com/@Xavier/ihUj

Thanks.

Grid

answered on 18 Aug 2014

1 answer

274 views

Filter Row Autocomplete

I'm trying to get some information regarding how to go about setting up a grid with the new filter row functionality so that the filter textbox has autocomplete functionality.

I was taking a look at the following example in the demo section: http://demos.telerik.com/kendo-ui/grid/filter-row , unfortunately I'm not sure how I can go about setting up the server side to get the autocomplete to work because there aren't any examples of how to go about doing it.

I decided to try a different approach and am defining a separate datasource for the filter field but am running into issues going this route too:

field: 'Name',

title: 'Name',

filterable: {

cell: {

dataSource: new kendo.data.DataSource({

transport: {

read: {

url: ColumnFilterQueryUrl,

dataType: 'json',

data: {

columnName: 'Name',

tableName: 'Header',