Questions on Kendo UI for jQuery Forum

5 answers

1.5K+ views

kendoNumericTextBox currency value with 2 digit precision

Good day,

I have a numeric textbox which looks like this:

$('#feeValue').width(250).kendoNumericTextBox({
	format: 'c2'
});

My culture is "en-ZA".

I need the textbox to allow me to change the cents value when I enter a currency amount.

Right now if I enter "R 5,25", as soon as the textbox looses focus, it changes the value to "R 5,00". It doesn't seem to round down, because if I enter "R 5,85", it still then goes back to "R 5,00".

I tried to set the "decimals: 2" parameter, and still nothing.
Is it maybe a type of format I need to have to be able to edit the cent value of the amount?

Can someone please point me in the right direction?

Thank you for your help.

NumericTextBox

answered on 13 Sep 2012

2 answers

257 views

timepicker in kendo template format on selection

I have a timepicker which is defined in a kendo template. The timepicker behaves as you would expect for a timepicker (drop down of times). But when a time is selected from the dropdown, It then displays a full datetime string (Wed Sep 21...). It does not behave as the timepicker does in the MVVM widget binding example (http://demos.kendoui.com/web/mvvm/widgets.html), which displays a time upon selection. How can I get the timepicker to display just a time when selection from the dropdown is made?

DatePicker

answered on 13 Sep 2012

2 answers

146 views

Hot to update the Title on an existing chart?

var chart = $("#chart").data("kendoChart");

chart.title.text = "Test";

Does not do it.
I get a JS exception:

Error: TypeError: chart.title is undefined

Thanks in advance for any help!

Charts

answered on 13 Sep 2012

0 answers

137 views

How to extract an id from the datasource and set as a div id?

Hello

I got a datasource returning following:

[

{"id":"1","text":"host1","spriteCssClass":"server"}

{"id":"2","text":"host2","spriteCssClass":"server"}

]

and following code

$("#treeview-hosts").kendoTreeView({

dragAndDrop: true,

dataSource: {

transport: {

read: {

url: "/main/getEnvHosts",

type: 'POST',

data: '{"env":"'+env+'"}',

}

},

schema: {

model: {

id: "id"

},

}

});

I need to extract the ID from DataSource and have it assigned to the element, but not entirely sure how to to that. Available documentation is rather confusing...

TreeView

asked on 13 Sep 2012

2 answers

175 views

Batch Edit Issue

Hi,

I have a grid marked as Batch Editable. Only one cell is editable, I can do this by the field list of the Datasource like this:

fieldList['cellname'] = { type: 'number', editable: true };

It is working ok. When you change a cell in a row the Grid set a visual clue, like Excel, indicating that the cell has been changed.

The problem is when you, before saving the changes, navigate to another, using the pageable control. If you return
to the previous page the visual sign disappears. Internally the row is marked as dirty but there is visual sign
anymore.

How can I fix That ???

If this is a known bug I need to detect the event of page change so that I can warn the user of non saved fields.
How can I do that ???

Thanks in advance

Grid

answered on 13 Sep 2012

13 answers

2.1K+ views

hide columns in grid kendo

Good morning. I need to hide columns in grid kendo?
as I can do that when grouping columns hide the column that is grouped?

thanks

Grid

answered on 13 Sep 2012

1 answer

164 views

Slider Panel like BxSlider?

I'm using bxSlider http://bxslider.com/ to manage 'pages" for a long form.
I like it but it doesn't do touch.

Does KendoUI have a control that can be configured to act like a panel slider? The PanelBar looks promising but I don't want the user to see more than Next<>Previous options

Thanks
Pat NH USA

General Discussions

answered on 13 Sep 2012

1 answer

151 views

Drag & Drop issues in TreeView

Hello, I am having some issues with TreeView that I need help resolving:

Issue #1:

Below code works, and sprites show up, until you drag an item. After that <span> tags get stripped.

<ul id="hosts">

<li id="host1"><span class="maas-sprite server"></span>host1</li>

<li id="host2"><span class="maas-sprite server"></span>host2</li>

<li id="host3"><span class="maas-sprite server"></span>host3</li>

</ul>

$('#hosts').kendoTreeView({

dragAndDrop: true,

});

Issue #2:

When moving last item from one TreeView to another, it is impossible to drag anything back.

How do i fix this??

TreeView

answered on 13 Sep 2012

1 answer

177 views

invalid format

when I enter an invalid date in kendoDatePicker, the function .val () returns null. How do I see what has been typed. thanks

DatePicker

answered on 13 Sep 2012

0 answers

182 views

Unbound Column

Hi,

i am new to KendoUI. So its maybe a stupid question :). But i don't find a solution.

I create remote datasource and bind it to a Listview with a template element. Like in our examples:

$("#openServiceCallsListView"

).kendoMobileListView({

	dataSource: remoteDataSource, 

	template: kendo.template($(

"#myRowTemplate"

).html())

	});

The Template looks like this:

<script type="text/x-kendo-tmpl" id="myRowTemplate"

<div>${field1} ${field2} ${field3}</div

</script>

It works and everything is fine. But now i need an unbound column which contains an image link. Something like:

"http://localhost/service/GetPicture?Model=" + encodeURIComponent(${field1} + "&Type=" + encodeURIComponent(${field2})

I don't know, can i call a javascript function in this template? Or is it possible to create a new field in the datasource?

Cu

Georg

Data Source

asked on 13 Sep 2012