Questions on Kendo UI for jQuery Forum

1 answer

206 views

Hello!

We are trying to give feedback to a user if they drag a file onto the kendo editor and drop it, telling them that they can't. Any insight as to how to hook this up?

Thanks in advance!

Drag and Drop

answered on 17 Dec 2014

1 answer

348 views

Persist State in AngularJS

I have some problems loading the state of the grid in Angular.

This is the grids HTML:

<div id="grid" kendo-grid k-options="GridOptions" k-ng-delay="GridOptions"></div>

Later I start my Http call and the $scope.GridOptions are filled and the grid works fine.

Then I save the state of my grid this way:

$scope.GridOptionsBackup = kendo.stringify($scope.GridOptions);

This works fine when i print the output in the console. It looks like this:

{"dataSource":{"schema":{"data":"Data"},"transport":{},"serverSorting":true,"table":null,"fields":[{"encoded":true,"field":"WidgetName","title":"Name","template":"<

span ng-bind='dataItem.WidgetName'>#: data.WidgetName#</span>"},{"encoded":true,"field":"WidgetDescription","title":"Description","template":"<span ng-bind='dataItem.WidgetDescription'>#: data.WidgetDescription#</span>"}]},"columns":[{"field":"WidgetName","title":"Name","template":"<span ng-bind='dataItem.WidgetName'>#: data.WidgetName#</span>"},{"field":"WidgetDescription","title":"Description","template":"<span ng-bind='dataItem.WidgetDescription'>#: data.WidgetDescription#</span>"}],"sortable":{"mode":"multiple","allowUnsort":true},"scrollable":true}

When i try to reload the grid with the saved state, i read the JSON, parse it and reassign it to $scope.GridOptions. But this don't work:

$scope.GridOptions = JSON.parse($scope.GridOptionsBackup);

Why is the grid not updated after this line of code?

I really appreciate any help you can provide!

Grid

answered on 17 Dec 2014

2 answers

150 views

[Solved] ComboBox Rebind/Filter on Text Deleted

When using the minLength configuration setting, a ComboBox initially respects the minLength and does not bind or filter data (dataBound & filtering event handlers not called) until the minLength is reached by the combo's text.

However, when deleting text from the input, the minLength works until all the text is deleted. At that point (there is no longer any text in the input), the event handlers for dataBound & filtering are called even though the length is 0 (ie. not at minLength).

Is this a bug or is there a way for the minLength to continue to work when all text has been removed? This behaviour can be seen using an example from the Dojo: http://dojo.telerik.com/aPEba

This becomes more problematic when the data that is bound is much larger, hence the use of the minLength configuration for search.

ComboBox

answered on 17 Dec 2014

1 answer

105 views

trying kendo ui grid..

This code didnt seem to work. What Am I doing wrong?



<!DOCTYPE html>

<html>

<head>

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

<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

<script src="js/jquery.min.js"></script>

<script src="js/kendo.web.min.js"></script>

</head>

<body>

<?php

require_once 'lib/Kendo/Autoload.php';

$db = new PDO('mysql:host=localhost; dbname=sportssuite_demo', 'root', 'toor');

$statement=$db->prepare('SELECT * FROM sys_frm');

$statement-> execute();

$sys_frm= $statement->fetchAll(PDO::FETCH_ASSOC);

$model = new \Kendo\Data\DataSourceSchemaModel();

$frmfield = new \Kendo\Data\DataSourceSchemaModelField('Formulario');

$frmfield->type('string');

$ordenfield = new \Kendo\Data\DataSourceSchemaModelField('Orden');

$ordenfield->type('number');

$datafield = new \Kendo\Data\DataSourceSchemaModelField('Data');

$datafield->type('string');

$paramfield = new \Kendo\Data\DataSourceSchemaModelField('ParamType');

$paramfield->type('string');

$model->addField($frmfield, $ordenfield, $datafield, $paramfield);

$schema = new \Kendo\Data\DataSourceSchema();

$schema->model($model)

$dataSource = new \Kendo\Data\DataSource();

$dataSource->data($sys_frm)

->schema($schema);

$grid = new \Kendo\UI\Grid('grid');

$frmcolumn = new \Kendo\UI\GridColumn();

$frmcolumn->field('Forumulario')

->title('Formulario');

$ordencolumn = new \Kendo\UI\GridColumn();

$ordencolumn->field('Orden')

->width('130px')

->format('{0:c}')

->title('Orden');

$datacolumn = new \Kendo\UI\GridColumn();

$datacolumn->field('Data')

->width('130px');

$paramcolumn = new \Kendo\UI\GridColumn();

$paramcolumn->field('ParamType')

->width('130px');

$grid->addColumn($frmcolumn, $ordencolumn, $datacolumn, $paramcolumn);

echo $grid->render();

?>

</body>

</html>

Grid

answered on 17 Dec 2014

3 answers

174 views

Grid Selected Row

The following code has been used to get the selected row in the Kendo Grid, using kendo.all.min.js version 2014.1.328.

var gview = $("#grid").data("kendoGrid");
var row = gview.dataItem(gview.select());

The code no longer works with kendo.all.min.js version 2014.3.111.9. The .select() function no longer exists.

Is this a bug or done on purpose? If so what's the best way to do this now?

Grid

answered on 17 Dec 2014

3 answers

404 views

Any way to easily just use font-awesome instead of kendo icon font

I saw a couple discussions regarding converting the icon font over and specifying FontAwesome as the font face, instead of the existing... but is there anyway I could more easily make that change (so as to not have to worry about changing a bunch of css styles when the next fontawesome comes out).

The out of box icon has too few icons. It'd be really nice if I could somehow say make this one change and now kendo is aware of font awesome's fonts.

General Discussions

answered on 17 Dec 2014

1 answer

87 views

Encoding int2of5 supported

Hi guys,

I'm trying the Kendo UI and I don't see support to encoding int2of5 (ITF - Interleaved Two of Five) in widget barcode documentation.
Is there a forecast time to give support to this encoding ?

Barcode

answered on 17 Dec 2014

5 answers

156 views

[Solved] Grouping changes the datasource - KendoUI Grid

Hi,

I am evaluating KendoUI at the moment to check how it works with Microsoft LightSwitch. I wasn't aware that as a trial holder I can get the benefits of premium support. I've asked this same question in general forum & waited for couple of hours but didn't get any reply so asking it here now.

I am using Kendo grid in a LightSwitch project, the data is coming from a web API in json format. I have some drop-downs which changes the data source of the grid. The grid loads fine, changing the drop down also changes the data-source which is fine too. But there are couple of Issues:
1) If I perform grouping, it reverts back the data source of the grid to the initial state.
2) Changing the drop down changes the data source but removes the formatting applied to columns.

Thanks.

Grid

answered on 17 Dec 2014

3 answers

281 views

Menu not always closing

I am having a problem where the menu does not always close after an item is selected. The application I am working on has two frames (not my choice but I have to live with it for now). The top frame contains a Kendo UI menu and the bottom frame contains the content page. When you click the menu item it opens the selected page in the bottom. This works well almost all the time, however sometimes the menu doesn't close after you select an item and it is loaded. It stays stuck open. The content page loads fine so I know an item was selected but the menu doesn't disappear. I haven't been able to identify a pattern yet but it does happen on a relatively frequent (~10%) basis. I know this isn't a ton to go on but any ideas where to start looking at this issue?

Menu