Questions on Kendo UI for jQuery Forum

1 answer

328 views

How To Change DOM element from JS and how to get changed elements

Hello,

I am trying to understan how syncronization in data binding and afterwards the tracking of changed values works. Therefore I have 2 connected questions

Question 1 : In kendo ui documentation it says that "When the end-user changes the value of the DOM element (or widget) the bound View-Model value is updated. If the View-Model value is updated from code the value of the bound DOM element (or widget) is updated visually."I couldn't find how the second section (in bold) works.

I tried to writedevicenoValue = "444444";

to check if the DOM element is changing but it didn't work. How can I change it from the javascript side (ofcourse without the standart jquery option)

html code is :

<li>
<label>Device No
<input type="text" value="" id="device_no" data-value-update="keyup" data-bind="value: devicenoValue"/>
</label>
</li>

JS code is :

var settings = kendo.observable({

devicenoValue: "444444"
});

kendo.bind($("#device_no"), settings);

Question 2 : I need to know which element was changed in the DOM. How can I find this? I tried data-value-update="keyup" but couldn't findout how to use it for this purpose

General Discussions

answered on 15 Apr 2014

5 answers

205 views

Can I edit a grid record, using a page loaded into a pop up ?

I want to know if I can use a page instead of using a template for editting a register in a Kendo Web Grid. This page should be shown in a popup when user clicks the edit button of a grid row.

Thanks

Grid

answered on 15 Apr 2014

2 answers

245 views

km-popup-arrow

Issue: Popup arrow not aligned with border of popup

Condition: When I put buttons on the edge of the screen

Result: Arrow points to button but the padding of the container (15px) causes it to not align and look bad (see attached screenshot)

PopOver (Mobile)

answered on 15 Apr 2014

1 answer

153 views

Stock Chart baseUnitStep problem

Hello,

In my stock chart I use the baseUnitStep = "auto" option, but I wish to know the current baseUnitStep, whether "weeks" or "days" or "months" even thought it is auto all the time... Is there a way to get this value? It is imperative for me to get this option dynamically!

Thanks

Charts

answered on 15 Apr 2014

3 answers

107 views

Defaulting current year if user types in month and day?

I was trying to figure out a way to update the date input on the DatePicker if a user types in only the month and year. Most of our users are used to our old Telerik ASP.NET site where this was the default behavior of the date picker control. Ideally, I'd like to take their input and automatically reformat it to add the year. But I'm not sure how to achieve this with the Kendo MVC controls. The change event will not fire for me because the input is considered invalid. I attempted to add ParseFormats for "MM/dd" to my editor template but in stepping through the kendo source code it seems that this information is not passed through to the javascript object (which may be another issue.) Is there a good way to achieve this functionality? Thanks for your help.

Here is what my editor template looks like:
@model System.DateTime?
@(Html.Kendo().DatePickerFor(m => m).ParseFormats(new string[] { "MM/dd" }) )

Regards,
Brian

DatePicker

answered on 15 Apr 2014

3 answers

124 views

Menu Button - Override Current Page

Hello all -

First off, I'm pretty knew to HTML 5 and all that, so I've been learning as I go. Forgive the ignorant question below...

I'm utilizing the telerik mobile sample application in Visual Studio. I've modified it, but mainly just the content. It has three buttons on the tab strip, and the header strip I put in a 'hamburger' menu button.

I'd like it so if I press the menu button on the header, a different view is shown... a config view. In the existing tabs, I used data-bind="visible: flagVar" to hide and show data. I thought it I just put all the contents inside a data-bind="visible: isConfig" I could control showing the current view with the tabs, or the config page overriding the tabs. My variable isConfig is coming from an associated JS file.

Needless to say, this didn't work out, or I would be posting for help. Any feedback or suggestions on this? Not sure if I need to setup the tab strip as an element, and the config as a separate element. I don't want to do a separate HTML page.

Thanks in advance,
Pat

General Discussions

answered on 15 Apr 2014

1 answer

520 views

MultiSelect Change Event Doesn't fire

Hi,

I have Popup Editor , And On Popup Editor I have a Tabstrip with ID (Tab123) and Tab123 has a Multiselect (Ms123).

I want to do some operations with change event of Multiselect(Ms123). Below is how I have the set up for in Document ready

$(document).ready(function () {

$("#Ms123").kendoMultiSelect({

valuePrimitive: true,

dataTextField: "text",

dataValueField: "value",

change: function (e) {

blah blah blah....

For some reason in debug mode I could see the change event doesn't fire.

Is it something different way we need to call $("#Ms123").kendoMultiSelect({}) in a popup editor/Tab strip or even when a Multiselect is set it up in a template kind of thing.

Thanks in Advance,

Chatra

MultiSelect

answered on 15 Apr 2014

1 answer

217 views

[Solved] What is the range (percentage) for value axis Autoscaling min value and can I control that?

Good morning

http://jsbin.com/kiquvano/2/
As soon as you add 0.1 to the item marked "smallest" (in source comments) the scaling works fine again. The largest value is less than 30% larger.
If it is not possible to control the percentage (largest difference between min and max) for autoscaling - is it possible to retrieve the calculated min and max datapoint value from some kendoui internal variables?
Thanks.

Raido

Charts

answered on 15 Apr 2014

4 answers

596 views

Hiding Date in Day View

is there any way to hide the date "row" such as "Sat 4/12" in the Day view in the Scheduler?

Scheduler

answered on 14 Apr 2014

2 answers

252 views

[Solved] Connecting multiple grids

Hi,

We're using the Sortable widget to connect two grids, and this works as expected as long as both grids have data. However, if the drop target's grid is empty, we've found that it is impossible to drop any rows there. connectWith in the Sortable constructor is being set to: "#gridName table".

Is this an expected limitation? Is there any workaround?

Thanks,
Nick

Sortable

answered on 14 Apr 2014