Questions on Kendo UI for jQuery Forum

3 answers

714 views

Hi there,

I wonder if I can add an extra information on the labels for my pie chart. Attached the preview. Regards. Claudia

Charts

answered on 25 Jul 2014

5 answers

193 views

Custom Widget MVVM

I am trying create a new custom widget based on this tutorial.
I came this far:

var MyTextbox = kendo.ui.Widget.extend(

{

init: function (element, options)

{

kendo.ui.Widget.fn.init.call(this, element, options);

$(element).css("border-color", "#FF0000");

},

options:

{

name: "MyTextbox",

},

events: ["dataBinding", "dataBound"],

refresh: function()

{

var that = this;

that.trigger("dataBinding");

that.trigger("dataBound");

}

});

kendo.ui.plugin(MyTextbox);

</script>

</head>

<body>

<input data-role="MyTextbox" />

<input id="MyTextbox" />

<script>

$(document).ready(function()

{

$("#MyTextbox").kendoMyTextbox();

});

</script>

</body>

</html>

It works in case where I manually set kendoMyTextBox, but not where I use data-role attribute.

It would be also nice if someone help me with providing code, how can I set value attribute for value. I get undefined is not a function in line

kendo.bind($(document.body), MVVM);

if I write

<input data-role="MyTextbox" data-bind="value: valuerole" />

I don't know if I need to write some code in refresh or not?

And for the last: Why is preferred way to use that (instead of this) when creating custom widget.

MVVM

answered on 25 Jul 2014

3 answers

982 views

Is there a way to select multiple items at a time without clicking on the control many times ?

To select more than one item from the multiselect dropdown, user must click several times to launch dropdown and select the items individually. So the number of click increases to the respective number of items to be selected. Is there any property to set the drop down fixed and allow user to select more than one item in a single click.

Please advise even if this can be achieved through any other control.

MultiSelect

answered on 25 Jul 2014

1 answer

110 views

Q2 2014 selectable hierarchical kendo grid

Hi Kendo Team:
I have a hierarchical kendo grid with selectable enabled. When I select a detail k-alt row in a master k-alt row, the detail row doesn't show its k-selected style.
The problem is the new .k-alt .k-alt style that makes a detail k-alt selected row doesn't apply its k-selected background color.

Here is an example of selectable hierarchical kendo grid. This also happens with v2014.2.724.

I've attached a picture. I've selected two rows. Look at order 10277.

Kind regards,
Oscar.

Grid

answered on 25 Jul 2014

5 answers

212 views

Listview tap and hold

Hello,

I have a listview with tap and hold events:
- onTap: navigate to something
- onHold: show actionsheet

Now after the hold event, the tap event is also generated. How can I cancel that event?

Here is the jsBin http://jsbin.com/egasev/1/edit

Thanks,
Koen

P.S. Maybe you can make a Touch forum for these questions.

ListView (Mobile)

answered on 25 Jul 2014

5 answers

89 views

Splitview item selection highlight

Hi. I've created a split view application and I'm using the left panel as a menu. I would like the selected menu item to appear selected when tapped. I would also like any of the other menu items to become unhighlighted whenever a menu item is selected. So only one of the menu items should ever appear to be selected. Is this possible?

I'm binding in html as follows:

<div data-role="view" data-title="Menu" id="side-root" class="no-backbutton">

<ul data-role="listview"
id="mt-home-list-view"
data-template="mt-main-tmpl-home-list"
data-source="arrayOfHomeButtons">
</ul>
</div>

SplitView

answered on 25 Jul 2014

5 answers

184 views

Items with images disappears in Endless scroll mode

Hello,

I have a list view with Endless scroll mode enabled. My list items have relatively big height (more than a half of page height) and have images.
Then I scroll an item the bottom of the item reaches list view top, the rest visible portion of the item gets disappeared.
You can see this behavior here: http://dojo.telerik.com/eJuB/3

If items does not have any images - it works fine. Item can be scrolled from top to bottom and its internals are visible all the way.

Is it a bug? How can I prevent the item from erasing until it fully gets out of the view?

Thank you

ListView (Mobile)

answered on 25 Jul 2014

2 answers

110 views

kendoComboBox function changes input value in Internet Explorer 9

Please look at this example:

http://jsfiddle.net/DzM8A/4/

It changes input into combo box. By default, value of input is empty. After kendoComboBox, value is "null" as string. Can you explain why?

ComboBox

answered on 25 Jul 2014

3 answers

598 views

Upload duplicates items upon after selecting files

Hi sorry for duplicating my post, but I can't post a reply on my first previous post.

below are the details. Thanks.

I updated my Kendo from 1.416 to 2.716 (yes, I skipped the updates for a long time.).
So, I have this 100% working Kendo Upload(w/ v 1.416), after updating to v.2.716 the files are being duplicated after selecting items.
Codes are basic Kendo Upload async inside a tabstrip for aspnet mvc(razor).
Please let me know if there are issues with Upload inside Tabstrip because my other Upload are working fine outside the Tabstrip.

Please refer on the sample code below.

Edit.cshtml

01.@model MyModelMain

02.@if (Model.Id != 0)

03. {

04. @(Html.Kendo().TabStrip()

05. .Name("MyItems")

06. .Items(items =>

07. {

08. items.Add().Text("Item1")

09. .Selected(true)

10. .Content(@<div>@Html.Action("Index", "Item1Controller", new { ItemId = Model.Id })</div>);

11. items.Add().Text("Item2")

12. .Selected(false)

13. .Content(@<div>@Html.Action("IndexItem2", "Item2Controller", new { ItemId = Model.Id })</div>);

14. }))

15. }

Item2Controller.cs

01.public class Item2Controller : BaseManagementWithModelController<MainModel,long,MyModelMain,MyModelMain>

02.{

03.

04. /*constructor here*/

05.

06. public ActionResult IndexItem2(long Id)

07. {

08. var entity = new ItemModel();

09. ItemViewModel model = new ItemViewModel();

10. entity = service.Get(Id);

11.

12. model = mode.MapFrom(entity);

13.

14. return View("IndexItem2",model);

15.

16. }

17.}

IndexItem2.cshtml

01.@model List<ItemViewModel>

02.

03.@(Html.Kendo().Upload()

04..Name("Item2Upload")

05.

06..Async(x => x.AutoUpload(false)

07. .Save("UploadImage", "Item2Controller", new RouteValueDictionary

08. {

09. {Constants.ItemId, TempData[Constants.ItemId]}

10.

11. }))

12..Events(x => x

13. .Select("uploadItem2Image_onSelect")

14. .Complete("uploadItem2Image_onSuccess")

15.)

16..Multiple(true))

17.

18.@if(Model != null && Model.Count() > 0)

19.{

20. foreach(var itemImages in Model.OrderyBy(x => x.Id))

21. {

22. <img src ='@images.ImagePath' />

23. }

24.}

I tried to duplicate the scenario on this example, but i failed.

Please see the filed attached on this for reference.

Upload

answered on 25 Jul 2014

1 answer

117 views

some MVVM click bindings don't work

Using Kendo UI version 2014.1.528

I have the following scenario (simplified):

<script type="text/x-kendo-template" id="tmpl">
<div class="list-group-item-heading" data-bind="click: OnClick1">
${DisplayName1}
</div>

<div class="list-group-item-heading" data-bind="click: OnClick2">
${DisplayName2}
</div>
</script>

<div class="list-group" data-bind="source: GetData" data-template="tmpl">
</div>

in which case the first click works as expected and calls OnClick1. however, the second click and any following click-bindings do not work at all.

any idea of what might be the issues

MVVM

answered on 25 Jul 2014