Questions on Kendo UI for jQuery Forum

1 answer

287 views

Hi:

I'm trying to update the majortick during runtime
I have the following:

<script type='text/javascript'>

$("#doctors").change(function () {

var scheduler = $("#scheduler").data("kendoScheduler");

scheduler.majorTick(60); //interval of 60 minutes

kendo.bind($("#scheduler"), scheduler);
$("#scheduler").data("kendoScheduler").refresh();

});

</script>

Somehow, the code is not updating the intervals as a show in the code.

I appreciate in advance

John

Scheduler

answered on 31 Oct 2013

1 answer

81 views

Kendo UI for standard ASP.NET Pages

Hi Support,
We want to convert our application to HTML5. I see Kendo UI is the best solution for it, but i found that Kendo UI is only available for ASP.NET MVC base. We don't follow MVC pattern in our current application. I just want to make sure, is Kendo UI available for standard ASP.NET pages, If yes please send me that link and also online demo link, i will explore it in detail.

Thanks
Abu Sufyan

General Discussions

answered on 31 Oct 2013

1 answer

373 views

Editable Grid manual dataItem.set() for checkbox binding is slow/delayed

As I have posted here I have a problem with setting dataItem.set() manually.

I have an editable Kendo Grid that may have a column with a checkbox to change a boolean value. I have used this solution proposed by OnaBai that is working perfectly!

The only problem is that the checkbox value change is too slow. When user clicks it, it takes about 1 second to change. I realize that the dataItem.set() method is responsible by this delay.

My grid has a considerable amount of data. About 30-40 columns and 300+ lines. It is defined as follows:

$("#mainGrid").kendoGrid({

dataSource: dataSource,

pageable: false,

sortable: true,

scrollable: true,

editable: true,

autoBind: false,

columnMenu: true, // Cria o menu de exibição de colunas

height: getGridHeight(),

toolbar: [/* hide for brevity */],

columns: [/* hide for brevity */],

dataBound: function() { /* hide for brevity. */},

edit: function() { /* hide for brevity. */}

});

Another detail is that, when dataItem.set() is called, it calls dataBound() event but that is not causing the delay. Grid's edit() method is not being called on this process. I don't know if worths to post dataSource code.

Any help will be very appreciate. Thank you in adv.

Grid

answered on 31 Oct 2013

1 answer

71 views

Bug report, in categoryAxis.maxDateGroups

Let's say I have maxDateGroups set to 10. If I have data going from January 20 to November 15, this data covers less than 10 months, however my chart will display 11 bars, one for each month from January through November. Same behavior with weeks, and probably all the other baseUnits.

Charts

answered on 31 Oct 2013

3 answers

357 views

[Solved] MVVM - Multiple Series with category axis

I have a chart with multiple series (See attached).
I want to list the dates from the series available in the same data.
The problem im experiencing is selecting a category axis value. Setting it on any of the series causes all of the series to not show, but the dates do for all rows.

Json data:

01.[{

02."InStore":{"OrderCount":0,"Sales":0,"Canceled":null},

03."Collection":{"OrderCount":31,"Sales":28290,"Canceled":null},

04."Delivery":{"OrderCount":10,"Sales":15883,"Canceled":null},

05."Combined":{"OrderCount":41,"Sales":44173,"Canceled":1},

06."Date":"\/Date(1381964400000)\/"},

07.{"InStore":{"OrderCount":0,"Sales":0,"Canceled":null},"Collection":{"OrderCount":49,"Sales":31990,"Canceled":null},

08."Delivery":{"OrderCount":18,"Sales":36463,"Canceled":null}

09.…

10.}]

Within this data the chart has 4 series:
Combined.OrderCount;
Collection.OrderCount;
Delivery.OrderCount;
Combined: Sales

for those series I want to use the 'Date' field.
The HTML looks like this:

01.<div class="chart-wrapper" data-role="chart"

02. data-title="Order Details"

03. data-theme="bootstrap"

04. data-legend="{ position: 'bottom' }"

05. data-series-defaults="{ type: 'line' }"

06.@* data-category-axis="{

07. field: 'Date',

08. baseUnit: 'day',

09. type: 'date',

10. labels: {

11. rotation: -90

12. },

13. majorGridLines: {

14. visible: false

15. }

16. }"*@

17.@* data-category-axis="{

18. categories: [1,2,3,4,5,6,7]

19. }"*@

20. data-category-axis="{

21. labels: { rotation: -90, template: 'Hello' }

22. }"

23. data-value-axis="[

24. { name: 'orderCount', title: { text: 'Orders' } },

25. { name: 'sales', title: { text:'Sales' } }

26. ]"

27. data-tooltip="{

28. visible: true,

29. template: '<div>#: kendo.toString(dataItem.Date, \'dddd\') # #: kendo.toString(dataItem.Date, \'d\')#</div><div>Order Count:#: value #</div>'

30. }"

31. data-group="{field:Date}"

32. data-series="[

33. { 'name': 'OrderCount', 'field': 'Combined.OrderCount', 'axis': 'orderCount' },

34. { 'name': 'Delivery', 'field': 'Delivery.OrderCount', 'axis':'orderCount', 'type': 'column', 'stack': 'true' },

35. { 'name': 'Collection', 'field': 'Collection.OrderCount', 'axis': 'orderCount', 'type': 'column', 'stack': 'true' },

36. { 'name': 'Sales', 'field': 'Combined.Sales', 'axis': 'sales', 'type': 'area' }

37. ]"

38. data-bind="source: dataSource">

39. </div>

Any ideas? Setting the categories manually works but I don't want to do it this way as it will be more to maintain and more effort over more charts.

Additionally - why does the legend disappear after the chart gets its data?

Thanks, Matt

Charts

answered on 30 Oct 2013

0 answers

237 views

[Solved] Grid with Cascading Autocomplete Combobox not Refreshing

Grid

asked on 30 Oct 2013

1 answer

220 views

kendoui list view load more post from wordpress site

I have a list view that is created using MVVM style. I am trying to use the "Press to load more" function from KendoUI mobile. I am listing all post from my Wordpress site into a list view that when clicked on it shows a detailed view of the post clicked on. I am using MVVM to accomplish this for now but i am not able to get the list view to load more post from the server using endless scrolling or Press to load more. Here is my full code on Jsbin.com Please help me.

General Discussions

answered on 30 Oct 2013

3 answers

145 views

Kendo Grid Selectable not working when using Chart on same page

I have a very silly problem.

I have a Kendo Grid with Detailed View that can expand/collapse, it works flawlessly and looks good. The problem is that as soon as I insert a Kendo Line Chart to the page the rows in the Grid can no longer be selected, also not expanding. I t works well without the Chart within the same page.

I´ve checked the console of Firebug and that does not display any errors. I also can not detect any events when clicking row within the grid. It simply will not work.

Do you have any thoughts? Does Kendo Grid and Chart not work when used on the same page?

Thank you.

Grid

answered on 30 Oct 2013

1 answer

188 views

Possible to Post Files to Controller via jQuery instead of through the .Save Action?

Hi,

I'm looking to use the Kendo Upload control to Import vCards onto a Contact Creation page. Since I want to return a PartialView, and populate a Div's .html attribute, I'd like to do this as a jQuery Post like I've outlined below:

@(Html.Kendo().Upload()

.Name("vCard")

.Async(a => a

.Save("UploadContact", "Contacts") /*Don't really need this if I can post via jQuery */

.AutoUpload(true)

)

.Events(events => events

.Select("onSelect")

.Upload("onUpload")

)

.ShowFileList(false)

.Multiple(false)

)

function onUpload(e) {

var upload = $("#vCard").data("kendoUpload");

var files = upload.files;

var serialized = "vCard=" + files;

$.post("/Contacts/UploadContact/", serialized, function (returnHtml) {

//alert(returnHtml);

$("#ContactContainer").html(returnHtml);

});

My issue is that I am constantly getting a null object when posting to /Contacts/UploadContact using jQuery.

Is there any way to pass the entire file list (including FileStream) back to the controller from jQuery like I've outlined in the "onUpload" method?

Any help would be greatly appreciated.

Thanks,
Landon

Upload

answered on 30 Oct 2013

1 answer

151 views

Upgrade Changelogs?

I tried to upgrade from v2013.2.716 to v2013.2.918 (kendo.all.min.js) and ran into a few issues. My general question is whether there is a doc that provides more detail on the changes made, outside of the readme that just lists that a fix was applied with not much detail on how. Here are the two major issues I've seen and I've since rolled back to 716 since I don't have time to troubleshoot the issues right now.

View events:event objects always return empty objects. event.view and the other framework params are undefined in the show, init, and hide callbacks.
Mobile Listview: I have a detailbutton in my template and there an extra icon span with the same detail icon is being added to my li. Below is my template

01.<script id="tmp-favorite" type="text/x-kendo-template">

02. # var bool = category.toLowerCase().indexOf("documents")<0 #

03.

# var path =  !bool && ThumbnailImage && ThumbnailImage.indexOf("data:")<0?"data:image/jpeg;base64,"+data.ThumbnailImage:data.ThumbnailImage #

04. <img src="#: path #"/>

05. <div class="li-text">

06. <p class="li-title">#: t # (#: FavoriteName #)</p>

07. <p class="li-desc">#: FavoriteType #</p>

08. </div>

09. <span data-role="detailbutton" data-icon="isfavorite" class="item-favorite-status alt-btn right-1"></span>

10. </script>

General Discussions

answered on 30 Oct 2013