Questions on Kendo UI for jQuery Forum

1 answer

199 views

I'm using the Kendo UI Web v2012.3.1114 javascript library. I have multiple instances of the Kendo Editor on my page in table rows that can be reordered on the page. My issue is that if I move one of the rows, the Kendo Editor appears to clear it's value and then stops responding to clicks or key presses.

My guess was that the events were unbound when the editor was moved withing the DOM. Looking through the documentation, I found the .refresh() method (http://docs.kendoui.com/api/web/editor#methods-refresh) which seems to be just what I'm looking for. However, when I try to use this method, I get the error "editor.refresh is not a function." I know I'm accessing the editor properly because the .paste() and .value() functions work fine.

Was the .refresh() function implemented in a later version?

Editor

answered on 14 May 2013

4 answers

186 views

i am having problem in viewing the data in a list view

hi i am new to kendo Ui i am having trouble in viewing the data in list view although the data is coming to the page ( i have checked it by viewing the source code of the page). Please Help me.
here is View code

@{
ViewBag.Title = "ListView";
}

<link href="../../Content/Kendo/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="../../Content/Kendo/kendo.black.min.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../Scripts/Kendo/kendo.all.min.js" type="text/javascript"></script>
<script src="../../Scripts/Kendo/kendo.aspnetmvc.min.js" type="text/javascript"></script>

<h2>ListView</h2>

@(Html.Kendo().ListView(ViewBag.myList).Name("myLV").ClientTemplateId("template").TagName("div").Pageable()
.HtmlAttributes(new { style = "width:400px;Height:400px;background-color:white;" })
)

and this is my Controller

public ActionResult ListView()
{
List<KendoModel> myList = new List<KendoModel>();
for (int i = 1; i <= 100; i++)
myList.Add(new KendoModel { ProductId = "PID" + i, ProductName = "name" + i, BrandName = "Brand" + i, Price = "Brand" + i });

ViewBag.myList = myList;
return View(myList);
}

and i am attaching a file that shows the output of the code -

ListView

answered on 14 May 2013

5 answers

473 views

Button click event firing when trying to scroll

I have a view with multi a tags with a data-role set to "button". When scrolling through the view, if i first press on a button and try to scroll the page will scroll but then redirect to the next, which I don't want to happen. How do i make it so that the button redirects only when the button is tapped and won't redirect if I scroll though the view.

Thanks.

Button (Mobile)

answered on 14 May 2013

1 answer

92 views

Setting widgets fontsize

Hi,

Setting the fontsize larger than 12px on body makes the widgets sprite icon look funny.
Should I make a new set of sprite icons or is there another way to handle font size > 12px?
please see http://jsfiddle.net/khsd/wjUt9/2/

EDIT: same question as http://www.kendoui.com/forums/ui/general-discussions/widget-display-with-changed-font-size.aspx

Best Regards
Karsten, Denmark

General Discussions

answered on 14 May 2013

1 answer

134 views

Validator Custom Rules run but validator.validate() returns function

I have been able to successfully use validator.validate() in my pages until now where I am loading content dynamically from a partial view.

$("#mydiv").append( $.get ... partial view );

Here are the facts of what is happening.

I load partial page with a form and validation rules dynamically.
When the form submits the validation code is executed and the form is prevented from posting to the server when it is invalid..
When I run the validate() function it doesn't return false like it should (ex. myvalidationform.validate() // returns and object instead of the expected false result when the data is invalid in the form.

Please someone uncover this mystery for me.

Validation

answered on 14 May 2013

2 answers

175 views

KendoUI Web for Orchard

For all Orchard funs, there is a common location for kendo UI framework and related script libraries module to use with Orchard CMS here.

The module includes the latest opensource version of KendoUI Web scripts and themes. If you own the commercial version, just replace the scripts and styles folders with your version of files.

I will soon post some examples of how to use kendo with Orchard.

General Discussions

answered on 13 May 2013

4 answers

501 views

DropDownList width?

Hello,
I'm having an issue where my dropdown list width does not seem to be working out very well.

If I have a DropDownList with a smaller entry and a larger entry, I end up getting something like this:
http://imgur.com/biDRhSh (this contains two entrys. 'IS' and 'is any of'

I confirmed with a jsfiddle that I see this as well: http://jsfiddle.net/LSaZ7/

What I would like to do is have the dropdown list itself be able to expand wider than the actual dropdown. Any ideas on how I could get this to work?

DropDownList

answered on 13 May 2013

3 answers

204 views

Issue with mouse clicks when using Kendo combo box in a Kendo grid

We are experiencing an issue when clicking on a Kendo Combo box in a Kenodo Grid when "navigatable" is enabled on the grid.

The problem occurs more often when using an IE 7-10 browser, but it also occurs when using Chrome, Firefox.

The following fiddle will demonstrate the problem. Just click between the products categories to reproduce the issue.

JSFiddle

Additional note: We have added mouse event tracking in our code and found that the mouse down/up events were firing several time each when clicking.

Grid

answered on 13 May 2013

4 answers

179 views

Configuration Issue? DragAndDrop TreeView item to a ListView

Hey,
I'm hoping to find some help on this issue. I have a requirement to enable drag and drop from a kendo ui treeview to a templated listview.
I've tried the following:

Enabling dragAndDrop on the treeview and configuring the listview as a kendoDropTarget......
Disabling dragAndDrop on the treeview and instead configuring that control as kendoDraggable to the listview configured as a kendoDropTarget

I'm not having much luck with it. Please take a look at my fiddle. Any suggestions would be greatly appreciated http://jsfiddle.net/JQBZN/1/

Drag and Drop

answered on 13 May 2013

1 answer

82 views

Kendo ui - Stock Chart data-navigator

I'm using kendo ui stockchart component using its data attributes as below:

<div

id="symbolChart"

data-role="stockchart"

data-series="[{ type: 'candlestick', openField: 'open', highField: 'high', lowField: 'low', closeField: 'close' }]"

data-category-axis="{ type: 'Date', baseUnit: 'days', field: 'time', labels: { rotation: 0, dateFormats: { days: 'MMM/dd'} } }"

data-date="{ field: 'time' }"

data-navigator="{ series: { type: 'area', field: 'high' }, select: { from: '2013/04/27', to: '2013/05/02' } }"

data-bind="source: dataSource">

And here is the json data I'm binding to my chart:

[{"id":0,"symbol":"EURUSD","time":"2013-04-25T00:00:00","open":1.2905,"close":1.3693,"low":6.1983,"high":1.2002,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-26T00:00:00","open":1.2905,"close":1.3693,"low":6.1983,"high":1.2002,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-27T00:00:00","open":1.2905,"close":1.3693,"low":6.1983,"high":1.2002,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-28T00:00:00","open":1.2905,"close":1.3693,"low":6.1983,"high":1.2002,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-29T00:00:00","open":1.1505,"close":2.2093,"low":3.1983,"high":1.1902,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-04-30T00:00:00","open":1.1005,"close":1.2093,"low":1.3983,"high":1.4002,"direction":null,"digits":0,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-05-01T00:00:00","open":1.2015,"close":3.2093,"low":1.2983,"high":1.1102,"direction":null,"digits":0,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-05-02T00:00:00","open":1.2005,"close":1.7893,"low":1.1983,"high":1.3502,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-05-03T00:00:00","open":1.2005,"close":1.7893,"low":1.1983,"high":1.3502,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null},{"id":0,"symbol":"EURUSD","time":"2013-05-04T00:00:00","open":1.2005,"close":1.7893,"low":1.1983,"high":1.3502,"direction":null,"digits":1,"spread":null,"modify_time":null,"mt4_server_id":null}]

But the navigator part of the chart is not rendering as expected. Am I doing a wrong configuration for the data-navigator attribute? Here is the screen shot of the result chart: http://i.stack.imgur.com/tbdZ0.jpg

Charts

answered on 13 May 2013