Questions on Kendo UI for jQuery Forum

2 answers

1.0K+ views

[Solved] Masked Textbox with "Enter" key submit form

I'm using the new Masked Textbox from Kendo UI for MVC and it actually works fine and binds into model without problems. One feature I didn't get automatically is the ability to press "Enter" key and submit my form.

Other textbox I use (Kendo().AutoComplete()) works fine with the "Enter" key.

@(Html.Kendo().MaskedTextBox()
.Name("PhoneNumber")
.Mask("(999) 000-0000"))

MaskedTextBox

answered on 22 May 2014

1 answer

2.6K+ views

How to reset datasource in Grid

I really don't know How to reset datasouce with Grid. I searched some materials, and some info said use setDataSource() method. It didn't work. I have no idea. please help me.

<button onclick="LoadPerson1()">Load User 1</button>

<button onclick="LoadPerson2()">Load User 2</button>

<div id="grid"></div>

<script>

var personModel

var grid;

$(function () {

personModel = {

user: {

ObjectId: "",

PrincipalName: "",

Userinfos: []

}

};

grid = $("#grid").kendoGrid({

toolbar: [

{ name: "create" },

{ name: "save" },

{ name: "cancel" }

],

columns: [

{ field: "Key" },

{ field: "Value" }

],

dataSource: personModel.user.Userinfos,

editable: true

}).data("kendoGrid");

});

function LoadPerson1() {

$.ajax({

cache: false,

type: "post",

dataType: "json",

url: "Home/GetUser",

success: function (data) {

personModel.user.ObjectId = data.ObjectId;

personModel.user.PrincipalName = data.PrincipalName;

personModel.user.Userinfos = data.Userinfos;

//I really want to reset datasouce here, thanks

grid.dataSource.data(personModel.user.Userinfos);

grid.dataSource.read();

}

});

}

function LoadPerson2() {

$.ajax({

cache: false,

type: "post",

dataType: "json",

url: "Home/GetUser2",

success: function (data) {

personModel.user.ObjectId = data.ObjectId;

personModel.user.PrincipalName = data.PrincipalName;

personModel.user.Userinfos = data.Userinfos;

}

});

}

</script

>



above sentences are my all code. The pic I attach is data in personModel.user.UserInfos

Grid

answered on 22 May 2014

3 answers

566 views

So I can't use the [FromBody] parameter in the transports for datasources

In WebAPI:
[HttpDelete]
[Route("AccountDel")]
public void DeleteAccount([FromBody]Account account)
{
...

So I can't call that from a (Or could a put a jquery ajax call in there):
destroy: {
type: "DELETE",
url: function (options) {
return '/api/FlossAccount/AccountDel';
},
dataType: "json",
data: function (options) {
return { '': options.models[0]};
},
cache: false
},

Grid

answered on 22 May 2014

8 answers

213 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

188 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

97 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

172 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

133 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

134 views

kendoComboBox Draggable

Hi, is it possible to make a kendoComboBox draggable ?

thanks
regards

Drag and Drop

answered on 22 May 2014

1 answer

121 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