Hello,

I've implemented the sortable integration inside one grid as explained in this Demo, it has been easy the but problems started when i enable batch editing like in this  Snippet. Changes are not persisted the only ones that i'm able to change are booleans, strings and numbers sometimes keep changes but most of the times they are lost.

Any ideas of what i'm doing wrong?

Hi,
I have a view model with two Data Sources A & B.

- Data Source A requests data from server. Data received contains multi-collections.
- One collection is returned from the "Parse" function to populate Data Source A
- Another collection is being set to a JavaScript variable to be used later on by Data Source B. Why? I couldn't access current view model to set the value of the other Data Source.

Problem now is, when the page loads, the local collection is empty and Data Source B is defined based on that local collection. By the time the data received by Data Source A, the form would have been bound to empty data.

Is there a work around in here?

signatures is a local array outside view model that is being updated by Data Source A parse function.

Hi,
I want to generate kendo grid (angular directive) from controller. But i've a hierarchy : 

Main Grid -> Detail Template -> TabStrip -> One more grid in here.

All tabs have a grid in tabstrip. So it must be generated dynamicly from controller.js or template.

How can i do this ?

I'm trying to build a custom filter over the Grid widget.

I'd like to show the clicked cell value on a context menu with several filtering options.

I can get the selected datatItem on change event but I need also the clicked column so I can retrieve the field value from the dataItem.

Any ideas?

Thanks in advance.

Hi,

I have a scheduler with groups and it show's up as part of Foundation's reveal modal. The scheduler is configured with one event, but on initial draw the event does not show up at correct spot. Once i tab between different views (timeline and timeline week), it appears at correct location. Here is a screenshot of how it shows up initially, you can see it in the left corner (it is supposed to show up at 6 PM column and is 1 hour long). I can provide with code snippet if needed.

Thanks,
Manish

Hi,
I initially tested with a json result returned from a firebird database and my grid worked fine. Today I'm testing with a json result from a mongdb database and I can't populate the grid's datasource. Since I'm using json not sure what problem could be. See error below. The result json looks like


[{Fname: "Nataly",Lname: "1Nataly",Age: 9,Gender: "female",Throwing: 0,ThrowRating: 4,Hitting: 1,HitRating: 21,Fielding: 1,FieldRating: 44,Catch: 5,CatchRating: 17,Running: 1,TotalScore: "",Bdate: "2/1/2007",ZipCode: "12345-4567",Flagged: "No",Coach: "",ThrowSub1: 0,ThrowSub2: 8,HitSub1: 10,HitSub2: 42,FieldSub1: 10,FieldSub2: 88,CatchSub1: 50,CatchSub2: 34,RunTotal: 10,ThrowTotal: "8.40",CatchTotal: "84.84",PlayerTotal: "264.08",HitTotal: "53.04",FieldTotal: "107.80",id: "54c3b6ffc2ea084d20e45fe5"},...]
and my code
$scope.gridOptions = {
height: 700,
selectable: true,
scrollable: true,
pageable: true,
reorderable: true,
resizable: true,
groupable: true,
sortable: {
mode: "multiple",
allowUnsort: true
},
navigatable: true,
filterable: {
extra: false,
operators: {
string: {
startswith: "Starts with",
eq: "Is equal to",
neq: "Is not equal to"
}
}
},
toolbar: ["excel"],
excel: {
allPages: true
},
filterable: {
mode: "row"
},
columnMenu: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5,
pageSize: 10,
pageSizes: [10, 25, 50, 100]
},
columns: [

{command: ["edit"], title: " ", locked: true, width: "80px"},
{
field: "id", title: "id", locked: true, width: 170,
lockable: false, filterable: {cell: {operator: "startswith"}}
},

{field: "Bdate", title: "Bdate", width: 200, locked: false, format: "{0:MM/dd/yyyy}"},
{field: "Gender", title: "Gender", width: 150, filterable: {cell: {operator: "contains"}}},
{field: "Lname", title: "Lname", width: 150, filterable: {cell: {operator: "contains"}}},
{field: "Fname", title: "Fname", width: 150, filterable: {cell: {operator: "contains"}}},
{field: "Age:", width: 300, title: "Age:", filterable: {cell: {operator: "eq"}}}

],
editable: "popup",
dataSource: {
type: "json",
transport: {
read: function (e) {
PlayerModel.getAllPlayers($scope.form).then(function (data) {
console.log('read kendo init1 ', data)
e.success(data);
});
}
,
update: function (e) {
console.log(' update kendo e.success(data) ', e, e.data.models[0].CLAIM_NO);// e.success(data))
PlayerModel.update(e);
e.success();
}

},

batch: true,
schema: {
model: {
id: "id" ,
fields: {
id: {type: "string"},
Bdate: {type: "date"},
Fname: {type: "string"},
Lname: {type: "string"},
Age: {type: "string"},
Gender: {type: "string"},
Throwing: {type: "integer"},
ThrowRating: {type: "integer"},
Hitting: {type: "integer"},
Fielding: {type: "integer"},
FieldRating: {type: "integer"},
Catch: {type: "integer"},
CatchRating: {type: "integer"},
Running: {type: "integer"},
TotalScore: {type: "integer"},
ThrowSub1: {type: "integer"},
ThrowSub2: {type: "integer"},
HitSub1: {type: "integer"},
HitSub2: {type: "integer"},
FieldSub1: {type: "integer"},
FieldSub2: {type: "integer"},
CatchSub1: {type: "integer"},
CatchSub2: {type: "integer"},
RunTotal: {type: "integer"},
ThrowTotal: {type: "integer"},
CatchTotal: {type: "integer"},
HitTotal: {type: "integer"},
RunTotal: {type: "integer"},
PlayerTotal: {type: "integer"}
}
}
},
pageSize: 10
}
}
==============================================================================================
SyntaxError: Unexpected token :
    at Function (native)
    at Object.mt.getter (http://localhost:8015/bower_components/Kendo/kendo.all.min.js:9:29454)
    at r (http://localhost:8015/bower_components/Kendo/kendo.all.min.js:39:4138)
    at l.extend.initSuggestDataSource (http://localhost:8015/bower_components/Kendo/kendo.all.min.js:39:7341)
    at new l.extend.init (http://localhost:8015/bower_components/Kendo/kendo.all.min.js:39:5265)
    at HTMLSpanElement.<anonymous> (http://localhost:8015/bower_components/Kendo/kendo.all.min.js:10:2314)
    at Function.b.extend.each (http://localhost:8015/bower_components/Kendo/jquery.min.js:3:5257)
    at A.b.fn.b.each (http://localhost:8015/bower_components/Kendo/jquery.min.js:3:2013)
    at A.mt.plugin.e.fn.(anonymous function) [as kendoFilterCell] (http://localhost:8015/bower_components/Kendo/kendo.all.min.js:10:2298)
    at pt.ui.DataBoundWidget.extend._filterRow (http://localhost:8015/bower_components/Kendo/kendo.all.min.js:30:6900)
 

How can I access grid object from controller when using new kendo grid tag?
<kendo-grid  id="kgrid" options="gridDataTest"></kendo-grid>

It was possible with old syntax:
<div kendo-grid="oldgrid"
$scope.oldgrid

Thank you

Hi there,
I want to make items selectable on mouse-click which are shown in the Autocomplete widget result list.

I saw that there is an unselectable attribute which is set to no.
Is there any Kendo-way to do it or do I have to implement my own functionality with jQuery?

<ul unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="false" id="autocomplete_listbox" aria-live="polite" style="overflow: auto; height: auto;">

  <li tabindex="-1" role="option" unselectable="on" class="k-item">A1</li>

  <li tabindex="-1" role="option" unselectable="on" class="k-item">A2</li>

  <li tabindex="-1" role="option" unselectable="on" class="k-item">A3</li>

  <li tabindex="-1" role="option" unselectable="on" class="k-item">A4</li>

  <li tabindex="-1" role="option" unselectable="on" class="k-item">A5</li>

  <li tabindex="-1" role="option" unselectable="on" class="k-item">A6</li>

</ul>

What would be the best approach here?

Hello,
Because there are no external methods to stop current upload (cancel), when I'm leaving my SPA page (there is no page refresh), I'm destroying kendo upload widget. But that destroying is not stopping current upload. I would expect, or have function to stop (cancel) upload, or destroy should cancel upload.

Regards
Marcin

Hello,

I implemented Kendo UI editor with ImageBrowser functionality in my asp.net mvc application.

Kendo UI editor looks good but the ImageBrowser popup does have any css applied to it.

Is there any class using which we can apply CSS to the imagebrowser.

Thanks