Questions on Kendo UI for jQuery Forum

1 answer

112 views

Hi,

Just wondering is it possible to load a webpage into the editor or would I have to have the webpage's html saved somewhere and load it in this way?

Editor

answered on 12 Aug 2013

1 answer

470 views

[Solved] Datepicker not working second time when loading dialog with ajax

Hello.

I have a dialog that is loaded from ajax and shown with jquery ui dialog, the html returned by ajax contains a kendo ui datepicker, this datepicker works the first time, but after closing the dialog and opening it again the datepicker is just a text input with no kendo behaviour.

I'm using the MVC helpers, the HTML returned by ajax is like this:

<form action="@Url.Action("Save", "Calendario")" method="post" data-as-ajax="edit-appointment">

<input type="hidden" name="ID" value="@Model.ID" />

<div class="row">

<label for="FechaInicio">Fecha Inicio</label>

@Html.Kendo().DatePicker().Name("FechaInicio").Value(Model.FechaInicio)

</div>

<div class="row">

<label for="Asunto">Asunto</label>

<textarea name="Asunto">@Model.Asunto</textarea>

</div>

<div class="row">

<label for="Observaciones">Observaciones</label>

<textarea name="Observaciones">@Model.Observaciones</textarea>

</div>

<input type="submit" value="Guardar" />

</form>

How can I fix it so that it always works, and not only the first time?

Thanks.

DatePicker

answered on 12 Aug 2013

5 answers

222 views

[Solved] Kendo menu inside a tree

Context: http://jsfiddle.net/regisbsb/2kQGs/

Hi,

I'm trying to do something very simple.
It is just a menu inside a tree.
But kendo tree gets confused on the onSelect event of the tree. It thinks it is a menu item the e.node!
Could you fix that bug please?

Please open the fiddle and firebug on console tab to see a demo.

TreeView

answered on 12 Aug 2013

1 answer

175 views

Kendo editor tooltips no longer working with Q2

Hello,

A client reported that the tooltips on the custom tools we have in the ediors no longer work after the new Q2 kendo version. So I checked, everything is setup as it has always been via the tooltip property. And I checked the documentation to see if anything changed. Looks the same. Then I went to your demos and saw that you have a custom toolbar and it has a tooltip but its also not showing (latest Google Chrome). I can see in your demo that even though the tooltip is setup, the elemnt has no title.

http://demos.kendoui.com/web/editor/custom-tools.html

Is this some bug or am I just doing something wrong?

Editor

answered on 12 Aug 2013

3 answers

262 views

Cascading dropdowns with many-to-many relationship

Hi all,

I'm using the ASP.NET wrapper, but I figured this question is general enough it would be better posted here.

I'd like to create a cascading dropdown structure for a many-to-many data relationship. An example structure similar to my data:
Course model (id CourseID) can have many Students.
Student model (id StudentID) can have many Courses.
A third table (CourseStudent) links the two IDs, meaning that neither model has an ID reference to the other.

Is there any easy way to do this? Using the "CascadeFrom" method during definition works for one-to-many relationships, but not in this case. Do I need to include a computed property on one of my models in order to have the ID?

Thanks,
Jeff

DropDownList

answered on 12 Aug 2013

1 answer

354 views

MVVM with Drag and Drop

I am attempting to use the Kendo UI MVVM framework with the Kendo UI drag and drop mechanic; But I am having a very difficult time finding out how to get the data dropped out of the `draggable` object.

My code is something like this ...

var viewModel = kendo.observable {

Cart : [],

Items : [

{

Id : "item/10",

Name: "CD ROM"

},

{

Id : "item/11",

Name: "DVD ROM"

}

};

So then I have a rough template binding...

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

<li class="draggable">

<div data-bind="text: Name"></div>

</li>

</script>

Then this gets called up in a list...

<div id="shopping-items-available">

<ul data-template="products-template" data-bind="source: Items">

</ul>

</div>

Then there is a standard "drop target" (taken from the kendo docs)

<div id="droptarget">Start dragging.</div>

with the following CSS

#droptarget {

border: 1px solid #959595;

height: 198px;

width: 300px;

font-size: 36px;

border-radius: 37px;

text-align: center;

line-height: 198px;

color: #a1a1a1;

text-shadow: 0 1px 1px #fff;

margin: 0 0 30px 220px;

cursor: default;

background: #dddddd;

background: -moz-linear-gradient(top, #dddddd 0%, #c1c1c1 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#c1c1c1));

background: -webkit-linear-gradient(top, #dddddd 0%,#c1c1c1 100%);

background: -o-linear-gradient(top, #dddddd 0%,#c1c1c1 100%);

background: -ms-linear-gradient(top, #dddddd 0%,#c1c1c1 100%);

background: linear-gradient(top, #dddddd 0%,#c1c1c1 100%);

}

Now in the javascript, I turn the `shopping-items-available` div into a `draggable`.

$("body").kendoDraggable({

hint: function (target) {

return $(target).clone().addClass("draggable");

},

filter: ".draggable"

});

and lastly, I initialize the drop target.

$("#droptarget").kendoDropTarget({

drop: droptargetOnDrop

});

but in my code, I cannot seem to get the actual data about the item that was dropped.

function droptargetOnDrop(e) {

console.log(e);

$("#droptarget").text("You did great!");

$(".draggable").removeClass("hollow");

}

So the question is, how can I get the data that should be part of this? Like the name, or the Id?

MVVM

answered on 12 Aug 2013

1 answer

226 views

Kendo UI DataSource / JSON Issue

Sorry for the cross-posting but going crazy on this one.

http://stackoverflow.com/questions/18151901/kendoui-datasource-results-in-invalid-json-primitive

So essentially, when I use a Kendo Data Source and send anything in the data: field as part of the transport/read command this is what I see come across in fiddler in the json request.

0=%7B&1='&2=s&3=U&4=s&5=e&6=r&7=n&8=a&9=m&10=e&11='&12=%3A&13='&14=a&15=d&16=m&17=i&18=n&19=%40&20=m&21=a&22=i&23=l&24=.&25=c&26=o&27=m&28='&29=%2C&30='&31=s&32=P&33=a&34=s&35=s&36=w&37=o&38=r&39=d&40='&41=%3A&42='&43=1&44=3&45=1&46=2&47=3&48='&49=%2C&50='&51=s&52=U&53=s&54=e&55=r&56=I&57=D&58='&59=%3A&60='&61=1&62=5&63=3&64=9&65='&66=%2C&67='&68=s&69=C&70=l&71=u&72=b&73=I&74=D&75='&76=%3A&77='&78=1&79='&80=%7D

If I don't use the Kendo Data Source and just a common ajax request I don't see these problems at all. Just curious if anyone has seen this before. I must be doing something stupid.

Thanks,

Richard

General Discussions

answered on 11 Aug 2013

2 answers

153 views

ListView Filtering - loading icon always showing

It's seems that after the latest update (v2013.1.716), the loading icon from ListView is showing all the time after doing a search. Was this the intended behavior?
The example here http://demos.kendoui.com/mobile/listview/filtering.html#/ behaves the same way. It's kinda misleading...makes you think there's still something out there.
This does not happen in v2013.1.703, or earlier as I recall.

ListView (Mobile)

answered on 11 Aug 2013

2 answers

68 views

endlessScrolling bug JS Bin example (.719)

http://jsbin.com/owilaf/17#/
http://jsbin.com/owilaf/17/edit

Using a simple template like <a>${ProductName}</a> causes the ListView to be buggier.
Using a more complex one like
<div class="product">
<img src="../../content/web/foods/#=ProductID#.jpg" alt="#=ProductName# image" class="pullImage"/>
<h3>#:ProductName#</h3>
<p>#:kendo.toString(UnitPrice, "c")#</p>
</div>
paradoxically will make the ListView to behave a bit better.
ScrollView is messed up, ListView the same... I think I'll go back to .703 or .514 even though I need the ListView virtualization. (the GetByUid undefined bug which is fixed only in .716)

ListView (Mobile)

answered on 11 Aug 2013

4 answers

98 views

endlessScrolling bug JS Bin example (.719)

http://jsbin.com/owilaf/17#/
http://jsbin.com/owilaf/17/edit

Using a simple template like

<a>${ProductName}</a>

causes the ListView to be buggier. Using a more complex one like

<div class="product"><img src="../../content/web/foods/#=ProductID#.jpg" alt="#=ProductName# image" class="pullImage"/><h3>#:ProductName#</h3><p>#:kendo.toString(UnitPrice, "c")#</p></div>

paradoxically will make the ListView to behave a bit better.
ScrollView is messed up, ListView the same. I think I'll downgrade to 703 or 514 even t hough I need the ListView virtualization. (the GetByUid undefined bug which is fixed only in 716)

ListView (Mobile)

answered on 11 Aug 2013