Questions on Kendo UI for jQuery Forum

1 answer

185 views

Grid selection with Angular $scope.$apply()

I have a simple grid with the click event bound. When the user clicks a row in the grid, it should be highlighted and a detail table included on the page populated based on data from the selected row.

Within the click event of the grid, I populate an array from the selected row's dataitem. The table is populated via ng-repeat acting on the array. In order to force data binding once the array has been prepared, I'm calling $scope.$apply() - but as soon as that happens, the row selection highlight disappears. I want the selected row to remain highlighted.

$("#gridItemResults").on("click", "tbody", function (e) {
var grid = $("#gridItemResults").data("kendoGrid");
var dataItem = grid.dataItem(grid.select());
var dataJson = dataItem.toJSON();
$scope.selectedItem.length = 0;

// populate the selectedItem arrary from the selected row:
for (var key in dataJson) {
if (dataJson.hasOwnProperty(key)) {
$scope.selectedItem.push({ 'key': convertCamelCase(key), 'value': dataJson[key] });
}
}

$scope.$apply(); // update binding

});

Grid

answered on 11 Feb 2015

3 answers

569 views

[Solved] How To pass data between 2 Pages ?

Hi :)
I`m completely new with Kendo UI , I need to know how to pass parameters between 2 Pages Using Kendo .
and please i need to useful tutorials for Dealing with Kendo .
thaaanks .

Application

answered on 11 Feb 2015

6 answers

83 views

pane which has been dragged will not be resized on window resize event.

by default ,changing window's size will resize all the panes of splitter ,it worked well,

but if I adjust a pane size by dragging splitbar before, panes will not be able to resize themself on window resize event.

any solution for this problem? thanks.

demo:
http://plnkr.co/edit/ZxBSjet64mI90FALXLCr?p=preview

<div id="main-splitter">

<div></div>

<div></div

</div

<script>

$(function(){

$("#main-splitter").kendoSplitter();

});

$(window).on("resize",function(){

kendo.resize($("main-splitter"));

})

</script>

Splitter

answered on 11 Feb 2015

7 answers

178 views

App reloads when using back navigation after a change to a local datasource in Chrome

We have a complex application using kendo ui mobile framework. Today we discovered a new problem for a very specific scenario.
Our development environment uses Chrome browser (Version 40.0.2214.93 m). We are using a datasource that is bounded to local array. In a certain view the user is updating this datasource (using the datasource set api). After the change, if we click on the back button to return to the previous view, the entire app reloads, as if the entire page URL was reset. A few important remarks:

1 The datasource error gives nothing and the update seems to work well. It is only when we use app.navigate("#:back") that the problem appears
2. If instead of app.navigate("#:back") we navigate to the previous page with app.navigate("prev-view-id") it works correctly and there is no problem
3. We are using version: telerik.kendoui.professional.2014.3.1119.commercial
We also tried the latest version and got the same result (telerik.kendoui.professional.2014.3.1316.commercial)
4. We found out that the problem is only with Chrome browser. It all works well in IE & firefox browsers as well as on iPhone (5s) and Android (nexus 7) devices

Since our development environment is using Chrome we will appreciate any assistance solving this problem.

Application

answered on 11 Feb 2015

1 answer

138 views

Treeview, iPhone, possibly use mobile data-click like event

Hi
I have a treeview on mobile which is pretty unresponsive on iPhones. A lot of the problems I have had on iPhones are because I was using onclick instead of data-click and the iPhone has an issue here

Using a jquery event handler called bindFirst (http://jsfiddle.net/x8Na8/2/) I was able to confirm that a touchstart event was firing on the expand arrow but no click was firing.

Is there anyway I can make the tree picker use something like data-click to make it more responsive on iPhones. On Android it just works anyway.

thanks

(NB I have asked a separate question in the past about treeviews with checkboxes but that was unusable so ignore that)

TreeView

answered on 11 Feb 2015

1 answer

154 views

when I use this design, I get an error "activeElement.nodeName = undefined".

How to do that would work?

<div ng-controller="LoginCtrl">
        <div ng-if="!isAutorized">
…
<input ng-model="user.name" type="text" class="form-control" placeholder="Login” />
<input ng-model="user.password" type="password" class="form-control" placeholder=" Password " required />
…
</div>

        <div ng-if="isAutorized" class="containerss">
            <div ui-view>

            </div>
        </div>
</div>

For more information:
After authorization and appearance  widget Gantt, I choose a mouse task and triggered event  "change" ( change: function (e) {   }, - empty function ), I receive an error "activeElement.nodeName = undefined".   kendo._activeElement() return null.

Gantt

answered on 11 Feb 2015

1 answer

123 views

Cannot find RecurrenceException definition

Hi

I apologize but after a lengthy search I just cannot find any page where the datasource is properly defined for the scheduler module.

I would like to know how "RecurrenceException" and "RecurrenceID" work and maybe some examples but cannot find it.

Can someone please point me in the right direction?

Many thanks

Grid

answered on 11 Feb 2015

1 answer

327 views

How to select combo box text on tab when using Angular

Hi, I am trying to select combo box text that is in a grid cell template as is shown here

The only difference is that I am trying to do it when using the grid within Angular. As in the attached, I have the template function as follows..

function categoryDropDownEditor(container, options) {

var input = $('<input name="Category" />')

input.appendTo(container)

var combobox = input.kendoComboBox({

autoBind: true,

filter: "contains",

placeholder: "select...",

suggest: true,

dataTextField: "description",

dataValueField: "code",

dataSource: comboData,

});

combobox.input.on("keydown", function(e) {

var filter = combobox.dataSource.filter() || { filters: [] };

if (e.keyCode === 9 && filter.filters[0]) { //TAB

combobox.select(combobox.current().index());

}

});

}

However, the call to combobox.input.on is not correct, so I just cant' work out what object the .on should be called.

I have tried calling it on the combobox (as above), but input is not defined on this. I have tried calling it on the var input, but this does nothing.

Any ideas how I can get it to work here?

Thanks in advance for any help
regards, Peter

Grid

answered on 11 Feb 2015

3 answers

159 views

Click and drag to zoom

Hi

Is it possible to click and drag on the chart to zoom? Something like this: http://www.jqplot.com/tests/zooming.php for instance with the 'line' chart type?

Regards,

Pawel

Charts

answered on 11 Feb 2015

1 answer

59 views

Can we auto pop open combobox cell editor when cell goes into edit

Hi, I have a combo box as a cell editor (see attached)

Is there a way to open pop open the combo popup as soon as the editor goes into edit mode (either by the user using Tab to arrive, there, or by clicking on the cell)

Thanks in advance for any help
regards, Peter

Grid

answered on 11 Feb 2015