Telerik Forums
Kendo UI for jQuery Forum
4 answers
1.8K+ views
Hello,

I'm using a template for my tooltip, and I'd like to format the ${value} part of the template. Can you let me know how the syntax would look to format as say currency? Thanks

tooltip: {
    visible: true,
    template: "${category}<br />Claim Cost: ${value}"
}
Alex
Top achievements
Rank 1
 answered on 05 Jul 2012
1 answer
131 views
$(document).ready(function(){
     
    var localDataSource = new kendo.data.DataSource({
        data: [ {
                name: "Dmitry",
                year: 1987,
                id: 1
            }, {
                name: "Dash",
                year: 1994,
                id: 2
            }, {
                name: "Sam",
                year: 1954,
                id: 3
            }
        ]
         
    });  
     
    var detailsSource = new kendo.data.DataSource({
        data:[
            {
                name: "Dmitry",
                year: 1987,
                id: 1,
                address:'Luga',
                phnom:'+380995668745'
            },
            {
                name: "Dash",
                year: 1994,
                id: 2,
                address:'Brest',
                phnom:'+380955569874'
            },
            {
                name: "Sam",
                year: 1954,
                id: 3,
                address:'Praha',
                phnom:'+380679964382'
            }
        ]
    });
 
    $("#grid").kendoGrid({
        dataSource: localDataSource,
         
        selectable: "multiple, row",
        sortable: true,               
        detailTemplate: kendo.template($("#template").html()),               
        detailInit: details,                      
        columns: [
            {
                field: "name",
                title: "Name"
            },
            {
                field: "year",
                title: "Home address",
            }]
    });
     
    function details(e){
        // @todo get details by id e.data.id
        detailsSource.read();
    }
})
Template:
    <script type="text/x-kendo-template" id="template">
    <div>
        <ul>
            <li><label>Name:</label>#= name #</li>
            <li><label>Year:</label>#= year #</li>
            <li><label>Address:</label>#= address #</li>
            <li><label>Phone:</label>#= phnom #</li>
        </ul>
    </div>
</script>
When I try get details I was get an error: Uncaught ReferenceError: address is not defined. 
How to solve this problem?
Dimm
Top achievements
Rank 1
 answered on 05 Jul 2012
1 answer
104 views
Hi,
I have a trouble with the kendo mobile resizing under the facebook app on ios(not sure about other environments).
The trouble is the kendo mobile view's height doesn't resize well under the Facebook app where it has the top navigation strip of it's own, it actually overflows the screen height so my tabstrip down the bottom is half-shown until I drag it up the screen with my finger.

Here goes the steps to reproduce the issue.

1. Go to Facebook app on iPhone.
2. in the search, type in "bookingbay" to search for the app I am developing. Make sure you are clicking on the Bookingbay App, not Bookingbay Page.
3. On Next screen, click on install.
4. The bookingbay appears within your Facebook app and you will see the bottom tabstrip is clipped until your drag it up.

The workaround is to keep dragging it up to access the bottom tabstrip, or clicking on the Facebook app's action button and select "Open in Safari", however, this redirects the user outside the Facebook app whereas I would like my app used embeded within the Facebook app for the Facebook app users at least.

I can see why it behaves that way,, perhaps that's because the kendo mobile view detects that we are in the App mode and resizes the view as the full screen resolution without knowing that the Facebook app chews up some space on the top for its own navigation strip.

Would this be classified as a bug or a limitation of the app? Or is there already a fix(configuration?) on this?

By the way, the Bookingbay app searched on the Facebook mobile search can also be located on http://www.bookingbay.net on your mobile devices. It's basically a free online booking web app developed in Kendo mobile. and I am trying to use the facebook mobile search as one of my distribution channels and I also want to give the user best experience (not that they have to jump out of the app to use my app..)

Thanks for your help!!
Georgi Krustev
Telerik team
 answered on 05 Jul 2012
4 answers
401 views
Hi.

For some reason I'm really struggling to pass a unique identifier to a function declared in the Change event of dynamically added sliders.  After (document).ready I am pulling in a JSON object and parsing it to create panalbars (as well as other controls) based on data in the object.  That all works fine, but when I dynamically create the slider and set the function I want to trigger on the Change event, any variable I set is shared between all the sliders (eventhough the values were unique at the time I initiated each slider in code) and I can't figure out how to reference the sender from the event function to reference a unique id. 

In other words, what I am trying to do is dynamically create sliders with ids A, B, C.... that have their change events pointing to the same function that can not only pick up the unique value change per panelbar (e.value) but also capture the slider's unique id.

Can someone provide guidance please?  I've been working on this problem much longer than I care to admit.

Thanks,
Mike

EDIT: sorry, I posted this to the wrong forum.  I don't know how to move or delete posts.
Mike
Top achievements
Rank 1
 answered on 05 Jul 2012
3 answers
56 views
I signed up and registered for this event, but to date have not received an email with a link how to get to the webinar.

Could someone supply me the link?
Burke
Top achievements
Rank 1
 answered on 05 Jul 2012
8 answers
1.1K+ views
I'm using a rowTemplate on a kendo grid in version 2012.1.322 that contains an input element of type text (happens with number type as well) but when I interact with the control for a particular row it is not displaying and binding properly.

JsFiddle: http://jsfiddle.net/7nB4v/4/ 

Steps:
-> launch grid
-> click on a rows age column and modify the input value
-> click off to the control (do not click the column)
-> notice the input is updated but the total is not updated and if you look at the dataSource.data for the record updated it will not show the change
-> now click on the column to the right of the input box
-> the control is converted to a kendo control
-> enter a value
-> click off of the control
-> the total is updated and the control does not appear as an input control anymore

I've also tried this in 2012.1.515 with the same results.

Anyone know if this is the expected behavior? I'm assuming a template is used for custom row for display as well as edit mode. Workarounds/hacks/solutions welcome :)

Thanks,
Chris
Jerry T.
Top achievements
Rank 1
 answered on 05 Jul 2012
0 answers
103 views
Hello,

I have an application which stores various files.  I have created a TreeView similar to that in the Demo.  The problem that I'm having is that I can't figure out how to link the files that I have on the server with the files that I have created in the TreeView.  Ultimately I would like to open the containing files stored in the folders from this TreeView.

Your help would be  gratefully appreciated.
Clare
Top achievements
Rank 1
 asked on 05 Jul 2012
0 answers
69 views
Before persisting data, I would like to run all validations defined in a DataSource. Is this possible?
Jesper
Top achievements
Rank 1
 asked on 05 Jul 2012
1 answer
85 views
<transfered to UserVoice>
Dimo
Telerik team
 answered on 05 Jul 2012
1 answer
92 views
To get data from remote web-service for my grid I have to login and get sessionID.
Ok I can pass this sessionID 
read: {
url: someurl,
                                    data: {
                                        action: "GetList",
                                        sessionID: Auth.sessionID,
                                    }, 
                                    type: "POST",
                                },

The problem is that this  sessionID have rather short lifetime. In other words it can expire while a user work with my grid.
So I have to relogin sometimes(if web-servers tells me "session is expired").

Is there an elegant way to intercept such auth error from my server and resend failed call?
Alexander Valchev
Telerik team
 answered on 05 Jul 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?