Questions on Kendo UI for jQuery Forum

2 answers

105 views

I....am stuck :)

I'm not sure how to handle this...I need to maintain a summary count if a checkbox is checked...it doesn't seem to update

http://jsfiddle.net/pRXaK/16/

MVVM

answered on 20 Apr 2015

3 answers

1.2K+ views

Unexpected number error when using a function for DataSource transport update

I am using:
- Kendo UI Complete 2013.1.319
- Windows 7 64-bit
- Google Chrome 26.0.1410.64 m
- The jQuery bundled with Kendo

I have the following HTML:

<div id="app"></div>

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

<div data-role="grid" data-filterable="true" data-editable="true" data-sortable="true" data-bind="source: usersSource" data-columns="[{ field:'username', title:'Username' }, { field:'fullname', title:'Full Name' }, { command:'destroy' }]"></div>

</script>

And the following JavaScript:

var usersModel = kendo.observable({

// the users data

usersSource:new kendo.data.DataSource({

autoSync:true,

schema:{ model:{ id:"_id" } },

transport:{

create:{ url:"/user", dataType:"json", type:"POST" },

destroy:{

url:function (user) {

console.log(user)

return "/user/" + user._id + "/" + user._rev

},

type:"DELETE",

dataType:"json"

},

read:{ url:"/users", dataType:"json" },

update:{ url:"/user", dataType:"json", type:"POST" }

}

})

});

var usersView = new kendo.View("users", { model:usersModel});

var router = new kendo.Router({

init:function () {

usersView.render("#app");

}

});

$(function () {

router.start();

});

This all works as expected - I can update the data in the grid. I am however storing the data in couchdb and need to update the data source with the new revision number after create and update events are complete.

I think that I need to replace the object I'm using with create and update with a function to allow me to do this. I have attempted to do this with just a simple function as shown below:

/* trimmed */

update:function(options){console.log(options);}

/* trimmed */

This however results in an error on the JavaScript console when I modify a record in the grid:

Uncaught SyntaxError: Unexpected number kendo.web.min.js:9

st.setter kendo.web.min.js:9

tt.extend._set kendo.web.min.js:11

zt.extend.accept kendo.web.min.js:11

tt.extend._accept kendo.web.min.js:11

(anonymous function) kendo.web.min.js:11

(anonymous function) jquery.min.js:3

c jquery.min.js:3

p.fireWith jquery.min.js:3

i.(anonymous function) jquery.min.js:3

a.(anonymous function).call.q.success kendo.web.min.js:11

c jquery.min.js:3

p.fireWith jquery.min.js:3

k jquery.min.js:5

r jquery.min.js:5

Where is the mistake I'm making? I also tried copy-and-pasting the exact declaration from the documentation for transport.update with the same results.

Data Source

answered on 20 Apr 2015

6 answers

1.7K+ views

Multiple fields in groupHeaderTemplate

Hello,

Is it possible to build a group header template that displays information from multiple fields? I tried various approaches but cannot get it to work. For example, I defined a new column with a template that includes multiple fields, but it is not shown when grouping by it unless I provide a field value that exists in the data source. Even then the template is not used for the group header. I can see the logic of this, but I can't find another way.

Thanks,
Gary

Grid

answered on 20 Apr 2015

1 answer

386 views

Default sorting grid with custom comparator

Hi,

I have setup a kendo grid with a column that has as custom sort function. That works properly.

I am having difficulty having the grid use that custom sort function to sort the grid on initialization. It seems that the datasource sort property does not use the grids custom function.

Thanks,

Zohar Jackson

Grid

answered on 20 Apr 2015

1 answer

940 views

DataSource set to another variable

I have a MVVM page where upon loading, it make an ajax request to retrieve a model and set the viewmodel to the retrieved model. This model has a few strings and includes a LIST<rates> type. The form is bound to the model and includes input boxes for the strings plus an EDITABLE grid for the List<rates>. My issue is binding the grid to the List<rates> AND allowing it to be editable with a schema. How do I setup the Datasource to point to the List<rates> for the grid, and include a schema to allow for inline editing? I was trying to avoid having a separate remote datasource call since I already have the data from the initial setup.

My model is like this:

var existingtimeKeeperRatesModel = kendo.data.Model.define({

id: "TimeKeeperName",

fields: {

"TimeKeeperName": {

type: "string",

editable: false

},

"StandardRate": {

type: "number",

editable: false

},

"FromRate": {

type: "number",

editable: false

},

"ToRate": {

type: "number",

editable: true

},

"RateTerminateDate": {

type: "date",

editable: true,

parse: function (value) {

return kendo.parseDate(value, "MM-dd-yyyy");

}

},

})

Data Source

answered on 20 Apr 2015

1 answer

152 views

Working days and recurrent events

I have added a kendo scheduler that has Saturday and Sunday as non working days. I have then added a recurrent event that is running on a daily basis, but I had it created for all the week days (including the non working days) however I expected to have occurences created just for working days.

How is working days notion handled in Kendo scheduler ?

Scheduler

answered on 20 Apr 2015

14 answers

1.4K+ views

[Solved] Multi select in grid filter template?

Hi,

I'm attempting to make a grid with an Excel-like inline column filter that displays distinct values within the data set and allows the user to select multiple values.

I'm using a custom control based off kendoMultiSelect to do this, but noticed that neither it nor the out-of-the-box multi select work properly in a filter template -- it seems that the filter expression it generates ends up containing "[Object object]" for the value instead of an actual value since the control's value() function returns an array.

Just wanted to confirm that this is expected behavior and that there's no work around before I work on a more complex solution (probably hooking the Kendo functions used to generate the filter exp.). I threw up a quick jsfiddle showing the issue here with some static test data (the multi select is on the Ship Name column): http://jsfiddle.net/K63cE/

Thanks,
Nick Blakely

Grid

answered on 20 Apr 2015

1 answer

514 views

Pie Chart Alignment

It seems like that Pie Chart and legend is centered in the space given. How do I make it so that the Pie Chart will align to the left and the Legend is a fixed width next to it?

Please see the attached image. I want the 3rd chart to be the standard format. As you can see, charts 1 and 2 have smaller text thus the legend itself is small and gets aligned more to the right. The 3rd chart, the pie is pushed to the left due to the legend width.

Charts

answered on 20 Apr 2015

3 answers

129 views

TypeScript 1.4

We just started using TypeScript with version 1.4. I tried adding the kendo TypeScript definition files to my project, and all of them triggered errors when I tried to build. Do you have a more recent set of definition files for TypeScript 1.4 available?

Thanks,
Ryan

General Discussions

answered on 20 Apr 2015

3 answers

155 views

series.notes.icon.size and series.notes.icon.type options not working

Hello,

I want to change type and size of series note marker. I tried to set series.notes.icon.size and series.notes.icon.type properties of chart but it did not work.

Even I tried to test the examples provided in API documentation (http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart) and surprisingly they also did not work.

http://dojo.telerik.com/Aratu

http://dojo.telerik.com/eYAVa

Am I doing anything wrong? Please help.

Regards,

Charts

answered on 20 Apr 2015