Questions on Kendo UI for jQuery Forum

1 answer

349 views

Hi,

I am trying to change the culture used by the DatePicker from en-US to en-GB as I want my dates to be dd/MM/yyyy. However, it is not working.

Here's a dojo:
http://dojo.telerik.com/@bhaidar/iluvo

Thanks

DatePicker

answered on 03 Apr 2015

1 answer

1.0K+ views

Bind Kendo Grid with Json data

Url https://api.github.com/users/sam

I am trying to bind the Kendo grid with above json but its showing an empty result
any help

<div class="row">

<h2>Getting started</h2>

@(Html.Kendo().DatePicker().Name("datepicker"))

<div id="example">

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

</div>

@section scripts

{

<script>

$(document).ready(function () {

var sharedDataSource = new kendo.data.DataSource({

transport: {

read: {

url: "https://api.github.com/users/sam",

dataType: "json"

}

});

$("#grid").kendoGrid({

dataSource: sharedDataSource,

columns: [

{

field: "name",

title: "Name"

},

{

field: "location",

title: "Location",

//template: '#= kendo.toString(sales, "N0") #'

}]

});

</script>

}

and here is the html markup

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Home Page - My ASP.NET Application</title>

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

<link href="/Content/site.css" rel="stylesheet"/>

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

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

<script src="/Scripts/modernizr-2.6.2.js"></script>

</head>

<body>

<div class="navbar navbar-inverse navbar-fixed-top">

<div class="container">

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

<span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="/">Application name</a>

</div>

<div class="navbar-collapse collapse">

<ul class="nav navbar-nav">

<li><a href="/">Home</a></li>

<li><a href="/Home/About">About</a></li>

<li><a href="/Home/Contact">Contact</a></li>

</ul>

<ul class="nav navbar-nav navbar-right">

<li><a href="/Account/Register" id="registerLink">Register</a></li>

<li><a href="/Account/Login" id="loginLink">Log in</a></li>

</ul>

</div>

<div class="container body-content">

<div class="row">

<h2>Getting started</h2>

<input id="datepicker" name="datepicker" type="date" /><script>

jQuery(function(){jQuery("#datepicker").kendoDatePicker({"format":"dd/MM/yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});

</script>

<div id="example">

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

</div>

<hr />

<footer>

</footer>

</div>

<script src="/Scripts/jquery-1.10.2.js"></script>

<script src="/Scripts/bootstrap.js"></script>

<script src="/Scripts/respond.js"></script>

<script src="/Scripts/kendo/kendo.all.min.js"></script>

<script>

$(document).ready(function () {

var sharedDataSource = new kendo.data.DataSource({

transport: {

read: {

url: "https://api.github.com/users/sam",

dataType: "json"

}

});

$("#grid").kendoGrid({

dataSource: sharedDataSource,

columns: [

{

field: "name",

title: "Name"

},

{

field: "location",

title: "Location",

//template: '#= kendo.toString(sales, "N0") #'

}]

});

</script>

<script type="application/json" id="__browserLink_initializationData">

{"appName":"Chrome","requestId":"a785208ca163492292ddb01345b58dbd"}

</script>

<script type="text/javascript" src="http://localhost:52006/d7ca75890aae4892b1dba947ed0f37bd/browserLink" async="async"></script>

</body>

</html>

Grid

answered on 03 Apr 2015

1 answer

101 views

Is Q1 2015 ready for checkboxes and radiobuttons where label element is immediately followed by an input element?

Hi Kendo Team,
Q3 2014 documentation said the expected HTML for checkboxes and radiobuttons was as follows:

<input type="checkbox" id="checkbox" class="k-checkbox">

<label class="k-checkbox-label" for="checkbox"></label>

<input type="radio" id="radiobutton" class="k-radio">

<label class="k-radio-label" for="radiobutton"></label

Does Q1 2015 release give a solution for label in first place like this?

<label class="k-checkbox-label" for="checkbox"></label>

<input type="checkbox" id="checkbox" class="k-checkbox">

Kind regards,
Oscar.

General Discussions

answered on 03 Apr 2015

1 answer

74 views

Filter Row kendoDropDown issue in version 2015

In your demo page: http://demos.telerik.com/kendo-ui/grid/filter-menu-customization, there is a problem when you select an option from the DDL.

Are there any plans to fix it soon?

Grid

answered on 03 Apr 2015

15 answers

182 views

[Solved] TabStrip with angular controller

Hello,
I'm experiencing a problem with TabStrip. With 2014 Q2 version, I can use tabstrip without a problem, in which its
contents bind angular controllers, and I can see that bound controller is activated when the tabstrip content is
loaded. But, yesterday I've tried to upgrade to 2015 Q1 version. After that, I see that the controller is no more activated.
Is there a difference between 2014 Q2 and 2015 Q1 versions? Or am I missing something?

Mahmut Zemheri

TabStrip

answered on 03 Apr 2015

5 answers

491 views

DataSource pushUpdate() no longer available

I've been using the pushUpdate method on dataSource for the past few weeks in version 2014.3.1425 and it's worked great, but yesterday I updated to 2015.1.318 and the pushUpdate method is no longer available. Is this intentional?

My line is $scope.PartsMatrixTreeList.dataSource._pushUpdate(data);

But looking at the watch in Chrome, there are no push events available:

Data Source

answered on 03 Apr 2015

2 answers

1.7K+ views

autoFitColumn functionality?

Hello,

I noticed this blurb in the latest release notes and it piqued my curiosity:
Auto-fit for column width, depending on cell text content

I couldn't find anything in the documentation, so I took a look through the grid code and found the autoFitColumn method. Are there any suggestions or documentation for using this method? Currently most of our grid columns have an explicitly defined width which in some cases may be a lot wider than what is actually needed based on the particular data being viewed. What I'd like to be able to do is after the grid has been bound to the data is to automatically resize the column widths so that they are only as wide as necessary. It seems like this method might be able to accomplish that, but I was looking for some guidance on if this would be a viable approach or if this method wasn't intended for this purpose. Thanks!

Regards,
Brian

Grid

answered on 02 Apr 2015

1 answer

65 views

Items being dragged have changed styling

The item contents that I'm dragging with the mouse are not styled as they are when they are not being dragged. For example, I have some button elements that are styled with background image, but when the item is being dragged, the button shows as a rectangular, gray, standard button. How can I control the look of the items that are being dragged?

Thanks,
--Ed

Sortable

answered on 02 Apr 2015

1 answer

140 views

How can I set the timeline to the desired date?

Hi!

How can I set the timeline (or scroll) to the desired date ( or the date of the beginning of the selected tasks), for example by pressing a button "26.01.15" (or "Task2")?

Thank you for your help.

Gantt