Questions on Kendo UI for jQuery Forum

8 answers

244 views

Minimum browser requirements

Whats the minimum browser requirements specifically for IE in order to run Kendo UI smoothly ?

General Discussions

answered on 22 May 2014

7 answers

200 views

[Solved] Editor on Mobile

Hi
http://trykendoui.telerik.com/orod

As you can see the editor doesn't appear to work on mobile, you can't enter any text and it looks odd.

(1) How can I fix this?
(2) I get the impression that the editor should work on mobile, does it?
(3) Are there any Web controls which don't work on mobile?

Is there any documentation about getting these Web controls to work on mobile or should it in general just work?

thanks

Editor

answered on 22 May 2014

1 answer

112 views

Widgets not initializing when using source binding and template

I'm trying to use source binding to an observable array to enable the user to dynamically add new elements as required. My item template has a few hidden fields and a kendo ui editor. The editor is initialized with jQuery in the template. The problem, however, is that the editor is not being initialized properly after the view model has been bound.

I have created a jsBin showing the problem: jsBin

Notice that that editors for the initially-bound items are correctly initialized, but any added elements are not. If I unbind and re-bind the entire view model after each item is added then everything will work, but that seems like serious overkill. Any feedback would be appreciated.

MVVM

answered on 22 May 2014

1 answer

182 views

Validator on large number of radio inputs

Hello,

the problem is validator is really slow(beacuse i have about 400 radio inputs - 130 radio button groups). Here is the code of the custom rule of the validator:

$("#testWizard").kendoValidator({

rules: {

radio: function

(input) {

                     //if type radio and required attribute on the input

if (input.is("[type=radio]") && input.attr("required"

)) {

                          //check if any radio button is selected from the radio button group

return $("#testWizard").find("[name=" + input.attr("name") + "]").is(":checked");

}

return true;

}

},

messages: {

radio: "Choose one of the items"

}

});

The best solution would be that validation code breaks when the first validation error is found. But i don't know how to achieve this.
Maybe any other suggestions?

Thanks

Validation

answered on 22 May 2014

1 answer

153 views

Multiple window drag problems

Hi,

I have a few windows here: http://jsbin.com/manazohu/1/edit and they are draggable, the problem is that when I dragged the inner windows the outer one moved too. How can I make only the one I dragged move, and others stay still? Thanks.

Window

answered on 22 May 2014

3 answers

143 views

kendoComboBox Draggable

Hi, is it possible to make a kendoComboBox draggable ?

thanks
regards

Drag and Drop

answered on 22 May 2014

1 answer

133 views

Changing application loading to inherit ios look and feel

Hi,

I am currently developing a Blackberry app using the Kendo-ui mobile and cordova.

On load i create a kendo.mobile.Application with the platform set to Blackberry to set the css to mimic the native environment. However we prefer the look an feel of the loading activity spinner for the other platforms; 'window.app.showLoading()' particularly the iOS version.

Is it possible to make the spinner inherit the look and feel of another platform whilst keeping the base platform 'Blackberry'?

Ideally when we call window.app.showLoading(); i would like it to use the css for iOS.

Is this possible and if so how?

Thanks ahead.

Application

answered on 22 May 2014

1 answer

683 views

How to supply custom types in schema object.

I am trying provide a custom type in the schema of the datasoure object of kendogrid. Here is my code sample.

oThis.productsDataSource = new kendo.data.DataSource

({

pageSize: 10,

transport: {

read: {

url: crudServiceBaseUrl + "GetAll",

dataType: "json"

},

update: {

url: crudServiceBaseUrl + "Post",

contentType: "application/json",

type: "POST",

dataType: "json"

},

destroy: {

url: crudServiceBaseUrl + "Delete",

contentType: "application/json",

type: "DELETE",

dataType: "json"

},

create: {

url: crudServiceBaseUrl + "New",

contentType: "application/json",

type: "POST",

dataType: "json"

},

parameterMap: function (data, type) {

if (type !== "read" && data.models) {

return kendo.stringify(data.models[0]);

}

},

schema: {

model: {

id: "Id",

fields: {

Id: { editable: false, nullable: true },

Name: { validation: { required: true } },

ResourceCostBandId: {

//type: "servicePath.SLF.solutionEngine.Model.EntityRef",

fields: {

Id: { editable: false },

Name: { editable: false }

},

validation: { required: true }

}

},

batch: true

});

//type: "servicePath.SLF.solutionEngine.Model.EntityRef",
How I can specify this type while defining a schema. My "EntityRef" has two fields
id and Name which are of type strings.

var grid = this.element.kendoGrid({

columns: [

{ field: "Name", title: "Name", width: 200, validation: { required: true } },

{

// Following binding not working but when I change it to following

//field: "ResourceCostBandId"

// It works but then it set the value on the ResourceCostBandId. I want it to be set on ResourceCostBandId.Id

field: "ResourceCostBandId.Id", title: "Cost Band",

width: 200, validation: { required: true },

template: "#= ResourceCostBandId.Name #",

editor: function (container, options) {

$('<input required data-text-field="Name" data-value-field="Id" data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoDropDownList({

dataTextField: "Name",

dataValueField: "Id",

dataSource: oThis.controller.$scope.ResourceCostBands,

index: 0

});

}

},

{ command: ["edit", "destroy"], title: " ", width: "172px" }

],

toolbar: ["create"],

pageable: { "pageSize": 5, "refresh": true, "pageSizes": true },

autoBind: true,

dataSource: oThis.productsDataSource,

resizable: true,

editable: 'inline',

selectable: true,

});

Anybody have idea who I can do that.

Thanks

Grid

answered on 22 May 2014

2 answers

143 views

[Solved] How can I modify the default options of Window ?

Hello everyone:

I want to modify the default options of window to:

{

modal : true,

animation : false

}

Is there a way to override the default options?

I know that we can create a new kendo plugin which extend from kendo.ui.Window to do that. But that way, we have to change all our kendo widget name, that's what we want to avoid. Any suggestions? Thanks in advance.

Window