or
2 answers
381 views
Hi,
Considering this grid:
http://jsfiddle.net/raaaT/
It has these features:
The source is provided by a kendo.DataSource as well, but its just a simple array here to simplificate.
Now, I need to calculate the Item Price using the sum of selected Sub Items...
I start to move this code to MVVM approach:
http://jsfiddle.net/3hxLH/
Its all ok when I set detailInit event, kendo create a new column with the link to open detail grid:
http://jsfiddle.net/fparG/
But, when I start to set data-columns, I lost this functionality:
http://jsfiddle.net/gADtG/
If I set data-columns property on div, the event detailInit is ignored (or something). The same issue occurs if I use data-row-template option.
How to reproduce the first example using MVVM (including hierarchical check functionality)?
thanks, and sorry for my poor english...
Considering this grid:
http://jsfiddle.net/raaaT/
It has these features:
- Detail grid
- selected simulated by checkbox
- Hierarchical check (using html5 intermediate property)
The source is provided by a kendo.DataSource as well, but its just a simple array here to simplificate.
Now, I need to calculate the Item Price using the sum of selected Sub Items...
I start to move this code to MVVM approach:
http://jsfiddle.net/3hxLH/
Its all ok when I set detailInit event, kendo create a new column with the link to open detail grid:
http://jsfiddle.net/fparG/
But, when I start to set data-columns, I lost this functionality:
http://jsfiddle.net/gADtG/
If I set data-columns property on div, the event detailInit is ignored (or something). The same issue occurs if I use data-row-template option.
How to reproduce the first example using MVVM (including hierarchical check functionality)?
thanks, and sorry for my poor english...
Nikolay Rusev
Telerik team
answered
on
17 Dec 2012
1 answer
204 views
Swipe Effect
http://andymatthews.net/code/swipebutton/
How do I incorporate this into my KendoUI project?
http://andymatthews.net/code/swipebutton/
How do I incorporate this into my KendoUI project?
Petyo
Telerik team
answered
on
17 Dec 2012
1 answer
168 views
the Demo page, when I've copied it to my own project and referenced the same files (Js and CSS) the page throws an error,
what's shown in the HTML view is not the same as what's running on the page.
The Error i get is. kendoMobileApplication is not defined I've tried several different ways to figure out what the issue is so I can start using the loading panels properly. but the solution iludes me.
but when I look at the code of the page itself I see that the kendoMobileApplication is referenced as a new kendo.mobile.application though when I try to reproduce what appears to be the proper way, it doesn't work. I get
Cannot call method 'showLoading' of undefined
when my app is calling "app.showLoading();"
and my app is defined as
so things are a little confusing, I thought i should be able to take the code shown in the demos and just use them in my projects, change the references to script and css files and have them work. but I could be wrong.
Thanks for your help in advance,
what's shown in the HTML view is not the same as what's running on the page.
The Error i get is. kendoMobileApplication is not defined I've tried several different ways to figure out what the issue is so I can start using the loading panels properly. but the solution iludes me.
but when I look at the code of the page itself I see that the kendoMobileApplication is referenced as a new kendo.mobile.application though when I try to reproduce what appears to be the proper way, it doesn't work. I get
Cannot call method 'showLoading' of undefined
when my app is calling "app.showLoading();"
and my app is defined as
app = new kendo.mobile.Application(document.body);
so things are a little confusing, I thought i should be able to take the code shown in the demos and just use them in my projects, change the references to script and css files and have them work. but I could be wrong.
Thanks for your help in advance,
Petyo
Telerik team
answered
on
17 Dec 2012
1 answer
133 views
Hi, I'd really like to get the switch component work like the native one in international ios5 phone, where the labels are rendered in language independent I/O-style, see the attached graphic.
I tried the obvious, i.e. replacing the labels, ON => I and OFF => O, but the font used did not quite produce the desired look, especially the letter O seemed a little to small and not quite round.
Any advice how to improve the appearance in current KendoUI Mobile?
My development suggestion would be to include purely graphical verison as an alternative, what do you think is this possible, maybe in a future update?
I tried the obvious, i.e. replacing the labels, ON => I and OFF => O, but the font used did not quite produce the desired look, especially the letter O seemed a little to small and not quite round.
Any advice how to improve the appearance in current KendoUI Mobile?
My development suggestion would be to include purely graphical verison as an alternative, what do you think is this possible, maybe in a future update?
Iliana Dyankova
Telerik team
answered
on
17 Dec 2012
1 answer
124 views
I have 2 views that are loaded via json calls to a remote server, in both cases the templates work fine.
<div data-role="view" data-title="Activities" data-layout="inner" id="actividades" data-init="activity">
<ul id="view_actividades" data-role="listview"></ul>
</div>
<div data-role="view" data-title="View Activities" data-layout="inner" id="article" data-init="article_load">
<div id="article_holder"></div>
</div>
<script type="text/x-kendo-tmpl" id="tmpl_view_activities">
<a href="\#article?id=${id}&cat=activities">
<div class="title">${title}</div>
</a>
</script>
<script type="text/x-kendo-tmpl" id="tmpl_view">
<div class="title">${title}</div>
<div class="date">${date}</div>
<div class="content">${content}</div>
</script>
I can select and item in the listview and the article view loads fine, once I go back to the list view and select a different item the view doesn't update the previous activity remains displayed...
My search-fu is failing me and I can't find any method to force the refresh. How can I force the refresh?
<div data-role="view" data-title="Activities" data-layout="inner" id="actividades" data-init="activity">
<ul id="view_actividades" data-role="listview"></ul>
</div>
<div data-role="view" data-title="View Activities" data-layout="inner" id="article" data-init="article_load">
<div id="article_holder"></div>
</div>
<script type="text/x-kendo-tmpl" id="tmpl_view_activities">
<a href="\#article?id=${id}&cat=activities">
<div class="title">${title}</div>
</a>
</script>
<script type="text/x-kendo-tmpl" id="tmpl_view">
<div class="title">${title}</div>
<div class="date">${date}</div>
<div class="content">${content}</div>
</script>
I can select and item in the listview and the article view loads fine, once I go back to the list view and select a different item the view doesn't update the previous activity remains displayed...
My search-fu is failing me and I can't find any method to force the refresh. How can I force the refresh?
Petyo
Telerik team
answered
on
17 Dec 2012
3 answers
269 views
To simplify a little, I have a basic layout with a titlebar and a footer defined as a navbar like this:
<section data-role="layout" data-id="default">
<header data-role="header" id="rounded">
<div data-role="navbar">
<span data-role="view-title">Chapter 2</span>
</div>
</header>
<!--View content will render here-->
<footer data-role="footer">
<div data-role="navbar">
<a data-align="right" data-role="button" class="nav-button" href="<previous>"><i class="icon-arrow-left icon-large"></i></a>
<a data-align="right" data-role="button" class="nav-button" href="<next>"><i class="icon-arrow-right icon-large"></i></a>
</div>
<footer>
</section>
The idea is that I have multiple view like pages in a book, and I want to have a Previous and Next buttons in the footer, different on each view. I need help on how to define these links in a view file programmatically, so I can keep the footer inside the layout. I understand I can put the footer on each view, but somehow I think it would be more elegant to just have one footer in layout and then just add the links with js from the view.
Any adivice will be appreciated, thanks!
<section data-role="layout" data-id="default">
<header data-role="header" id="rounded">
<div data-role="navbar">
<span data-role="view-title">Chapter 2</span>
</div>
</header>
<!--View content will render here-->
<footer data-role="footer">
<div data-role="navbar">
<a data-align="right" data-role="button" class="nav-button" href="<previous>"><i class="icon-arrow-left icon-large"></i></a>
<a data-align="right" data-role="button" class="nav-button" href="<next>"><i class="icon-arrow-right icon-large"></i></a>
</div>
<footer>
</section>
The idea is that I have multiple view like pages in a book, and I want to have a Previous and Next buttons in the footer, different on each view. I need help on how to define these links in a view file programmatically, so I can keep the footer inside the layout. I understand I can put the footer on each view, but somehow I think it would be more elegant to just have one footer in layout and then just add the links with js from the view.
Any adivice will be appreciated, thanks!
Petyo
Telerik team
answered
on
17 Dec 2012
1 answer
132 views
Hi,
you can see here:
www.iperbooking.net/mobilekendo/iperbooking
clicking on "mappa" in the menu, the view of google maps appears.
In ipod, iphone 4s, and chrome you can move, zoom in and zoom out inside map correctly.
In samung galaxy nexus you can't move, zoom in and zoom out inside map correctly.
Someone else has noticed this same issue?
Thank you
you can see here:
www.iperbooking.net/mobilekendo/iperbooking
clicking on "mappa" in the menu, the view of google maps appears.
In ipod, iphone 4s, and chrome you can move, zoom in and zoom out inside map correctly.
In samung galaxy nexus you can't move, zoom in and zoom out inside map correctly.
Someone else has noticed this same issue?
Thank you
Petyo
Telerik team
answered
on
17 Dec 2012
1 answer
134 views
I'm using Icenium, but having some KendoUI issues. I'm trying to use kendo.support.mobileOS.tablet to show a different layout for tablets than phones. In Icenium, it is identifying both the android simulator and the android tablet simulator as tablets, but this seems to be an issue with the simulator (you can see the ticket here). My Galaxy Note 2 is identified as a phone (which could really go either way, but is arguably correct). My HP Touchpad with Android 4.0 installed on it correctly reports being a tablet. However, my Nexus 10 is not being identified as a tablet because kendo.support.devicePixelRatio = 2. With the really high resolution displays coming out, I think that the logic for if an Android device is a tablet or not needs to be revisited. Maybe look only at the resolution, or the resolution divided by the devicePixelRatio? Thanks for looking into this.
-Keith
-Keith
Petyo
Telerik team
answered
on
17 Dec 2012
1 answer
213 views
Hi there,
I have a rather weird requirement... currently we are using the upload widget, and is using it to upload zip files. The files can be huge, and a significant portion of the zip content can be discarded and not uploaded.
Thus I am wondering is there anyway for us to:
1.) intercept the upload widget just before it performs the upload
2.) retrieve the user selected files
3.) run it on a custom script which converts the zip files into the smaller desired file
4.) uploads these converted files instead
We are wondering whether is there any API or ways to perform steps 1,2 and 4 using the upload widget? Currently, I listened to upload event, which fulfills steps 1 and 2, but is unsure how we could achieve step 4. Thank you!
I have a rather weird requirement... currently we are using the upload widget, and is using it to upload zip files. The files can be huge, and a significant portion of the zip content can be discarded and not uploaded.
Thus I am wondering is there anyway for us to:
1.) intercept the upload widget just before it performs the upload
2.) retrieve the user selected files
3.) run it on a custom script which converts the zip files into the smaller desired file
4.) uploads these converted files instead
We are wondering whether is there any API or ways to perform steps 1,2 and 4 using the upload widget? Currently, I listened to upload event, which fulfills steps 1 and 2, but is unsure how we could achieve step 4. Thank you!
Dimo
Telerik team
answered
on
17 Dec 2012
5 answers
339 views
Hello.
I have created ASP .NET MVC 4 Web API application, added the necessary Kendo UI files and settings (js, styles, web.config) and registered the necessary scripts and styles in Index.cshtml.
After that, I added empty Kendo grid in javascript block.
When I launched the application in Internet Explorer 8 browser, I have got the following error: Object doesn't support this property or method.
When I launched the application in Internet Explorer 9 browser (on another machine), I have got no error and the operation succeeded.
As I can see, the problem is in the Internet Explorer 8 browser.
What should I do to make Kendo UI work properly on Internet Explorer 8?
Thanks,
Alex.
I have created ASP .NET MVC 4 Web API application, added the necessary Kendo UI files and settings (js, styles, web.config) and registered the necessary scripts and styles in Index.cshtml.
After that, I added empty Kendo grid in javascript block.
When I launched the application in Internet Explorer 8 browser, I have got the following error: Object doesn't support this property or method.
When I launched the application in Internet Explorer 9 browser (on another machine), I have got no error and the operation succeeded.
As I can see, the problem is in the Internet Explorer 8 browser.
What should I do to make Kendo UI work properly on Internet Explorer 8?
Thanks,
Alex.
Atanas Korchev
Telerik team
answered
on
17 Dec 2012
