Questions on Kendo UI for jQuery Forum

4 answers

89 views

Build-in icons are not displayed when build the app in release mode

I am using the build-in icons all over my app which works fine when deploying the app in debug mode (build settings). But when I build the app in release mode non of the build-in icons is shown.

I am forcing the flat theme for the app.

General Discussions

answered on 09 Jan 2014

1 answer

136 views

Format number to IP number

Hi

I am trying to format number to IP format like 192.168.1.1 or 192.168.001.001

$("#ip4").kendoNumericTextBox({
format: "IP ###.###.###.###", /* works only if you input exact 12 numbers, works only if dot is thousand separator */
decimals: 0
});

This is not the right way!
I was searching kendo forum for text mask format but no luck. Does defining mask exists in kendo ?

Thx

By Ales

NumericTextBox

answered on 09 Jan 2014

2 answers

106 views

MVVM and Mobile Widget Initialization

Following the advice in several forum posts, along with this jsbin created by Alexander Valchev, I am investigating the use of an observable object that provides HTML content to be rendered:
jsbin.com/iyakig/2/edit
If I add a second button to the code in the jsbin like this:
makeButton: function () {
var html = '<a data-role="button" data-bind="click: makeListView">Replace again</a><a data-role="button" data-bind="click: makeListView">Replace yet again</a>';
this.set("foo", html);
},

The second button does not get initialized as a widget as you can see here:
jsbin.com/iyakig/31/edit
Is there a limitation on MVVM binding of HTML code?

We have been using kendo.mobile.init() to initialize all widgets in the HTML generated by a template, but we are looking to use MVVM binding as suggested in this post. We would be very interested in knowing why additional widgets are not initialized as well as the advantages to this approach vs. the kendo.mobile.init() approach.

General Discussions

answered on 09 Jan 2014

1 answer

63 views

Assistance with locating x,y values in chart

I was looking at the code of Kendo Chart to find out how the points (for line chart) are plotted from a single dataItem. While researching I found out that you are using a Box2D method from where you are creating a property which contains (x1,y1, x2, y2) and with this property you are plotting the points with there average values.

I was unable to found out that from where you are retrieving these values (x1,y1,x2,y2). If you can please show me the path (function) from where you are converting these values then it will help me to find a solution.

Thanks.

Charts

answered on 09 Jan 2014

1 answer

61 views

Show ticks in mobile site

Hello,
i tried to use kendo ui slider in a mobile site.

It seems to work ...

Is there anyway to show the ticks in a mobile site ?
It only can show the tickts on a desktop browser.

Regards

Jürgen

Slider

answered on 09 Jan 2014

3 answers

1.0K+ views

How do I prevent a new Grid row from being created if current row is not valid

I'm using a grid in an MVVM environment. The grid that starts out with now rows. Once the Add New Row button is clicked the grid adds a row but the user can keep clicking the button and add new rows without any validation on existing rows. How can I either disable the New Row button, perform validation on the current row before adding a new row or client side validate all rows before trying to update to the server. I don't care if a user wants to add several rows and then edit the columns before saving the changes back to the server but I need to validate all required fields first.

Grid

answered on 09 Jan 2014

1 answer

286 views

Kendo grid and kendo window - creating custom kendo observable for the kendo window

Hello,

We are currently working on a kendo web project where we need to be able to have a button on a grid that opens a kendo modal window and then creates a custom viewmodel to be consumed by the current kendo window that can be passed into another kendo window. However, I can't seem to find a way to bind a ViewModel into the kendo window. Any help would be appreciated. Here is my code:

The problems that I know about are:

I don't know where to bind the observable to the window.
How to pass the same observable from window to window.

Thanks,

Colin

<!DOCTYPE html>

<html>

<head>

<link href="bootstrap.min.css" rel="stylesheet"/>

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

<link href="kendo.bootstrap.min.css" rel="stylesheet" />

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript" src="kendo.all.min.js"></script>

<script type="text/javascript" src="bootstrap.min.js"></script>

</head>

<body>

<div id="gridModal"></div>

<div id="transaction"></div>

</body>

</html>

<script type="text/x-kendo-template" id="template">

<div>

Current Transaction Fee

</div>

<div>

<input id="locationFeeAmount" data-bind="value: locationFee">

</div>

<a id="toModal2" type="button" class="k-button k-button-icontext" onclick="showSecondModal();">To Modal 2</a>

</div>

</script>

<script type="text/x-kendo-template" id="modal2">

<div>

Cuurent Transaction Fee:

</div>

<div>

<input value=#=locationFee #>

</div>

<button class="k-button" id"toModal2"></button>

</div>

</script>

<script>

$(function () {

var locationFeeAdjustments = [{

"CustomerName": "Fred Flinstone",

"CustomerNumber": 123456234,

"CustomerTransactionNumber": 2323423456789,

"RepName": "Bugs Bunny",

"CustomerBill": 34454.55,

"locationFee": 89.22,

"testField": "Bugs"},

{"CustomerName": "Joe Smith",

"CustomerNumber": 123434456,

"CustomerTransactionNumber": 23456234556789,

"RepName": "Jack Smith",

"CustomerBill": 34454.55,

"locationFee": 89.22,

"testField": "Jack"

}];

$("#gridModal").kendoGrid({

dataSource:{

data: locationFeeAdjustments,

schema: {

model: {

id: "Id",

fields: {

CustomerName: { type: "string"},

CustomerNumber: { type: "number"},

CustomerTransactionNumber: { type: "number"},

RepName: { type: "string"},

CustomerBill: { type: "string"},

locationFee: { type: "string"}

}

},

pageable: true,

height: 430,

toolbar: ["create"],

columns: [

{ field: "CustomerName", title: "Customer Name"},

{ field: "CustomerNumber", title: "Customer Number"},

{ field: "CustomerTransactionNumber", title: "Customer Transaction Number"},

{ field: "RepName", title: "Officer Name"},

{ field: "CustomerBill", title: "Bill Due"},

{ field: "locationFee", title: "Location Fee"},

{ command: {text: "Waive Location Fee", click: showTransactionModal}}],

editable: "inline",

save: function () {

this.refresh();

}

});

wnd = $("#transaction")

.kendoWindow({

title: "Transaction Fee",

modal: true,

visible: false,

resizable: false,

width: 300

}).data("kendoWindow");

detailsTemplate = kendo.template($("#template").html());

function showTransactionModal(e) {

e.preventDefault();

var dataItem = this.dataItem($(e.currentTarget).closest("tr"));

kendoWindowViewModel = setViewModel(dataItem);

wnd.content(detailsTemplate(kendoWindowViewModel));

console.log(kendoWindowViewModel);

wnd.center().open();

};

});

function setViewModel(dataItem){

var kendoWindowViewModel = kendo.observable({

CustomerName: dataItem.CustomerName,

CustomerNumber: dataItem.CustomerNumber,

CustomerTransactionNumber: dataItem.CustomerTransactionNumber,

CustomerBill: dataItem.CustomerBill,

locationFee: dataItem.locationFee,

Approver: "",

AdjustmentAmount: ""});

return kendoWindowViewModel;

}

function showSecondModal(){

console.log('hit');

console.log(kendoWindowViewModel);

}

</script>

MVVM

answered on 09 Jan 2014

6 answers

380 views

IE 11 in Windows 7 not displaying Grid Properly

We've built a Kendo UI grid report that works fine with Chrome, Firefox, Safari(windows), and IE11 using Windows 8.1 pro,
JQuery 1.9.1, and Kendo UI 2013.3.119.

There is a problem displaying the Grid using IE 11.0.2 with Windows 7, JQuery 1.9.1, and Kendo UI 2013.3.119.

Can you repeat this problem? Any solutions to this problem?

Grid

answered on 09 Jan 2014

6 answers

199 views

Change default categoryAxis labels and other chart formaters

Hi,

we are using several charts in our application. Due to internatiolaisation we want to change the label formatters for dates and other automatically rendered values.

As we don't want to edit every single chart instance by hand, we are looking for a way to set the default formatters and renderers globally.

How can we do it? Why ist it not described in the culture packages?

Thanks

Charts

answered on 09 Jan 2014

3 answers

258 views

Grid Filter

I have a search form beside the grid and when someone does a search I need it filter the grid. Is the below code how I would accomplish this or is this only a client-side solution? The filtering will happen on the server side. If the below code is also used server side filtering, how do I interpret the querystring on the GET request?

this.submitSearch = function () {

dataSource.filter(

{ field: "FirstName", operator: "eq", value: $('FirstName').val() },

{ field: "LastName", operator: "eq", value: $('LastName').val() },

{ field: "Email", operator: "eq", value: $('Email').val() },

{ field: "Phone", operator: "eq", value: $('Phone').val() },

{ field: "ReservationDate", operator: "eq", value: $('ReservationDate').val() }

);

}

Grid