I'd like to extend the Mobile View to callback a custom event. Ideally, I'd like the be able to write something in HTML like:

<div data-role = "view" data-init="myView.init" data-logout="myView.logout" />

How would I go about implementing something like this?

Hi there;

I've enabled data-zoom on a couple of views in our app to support pinch to zoom.  However now it seems users can no longer swipe to show the navigation drawer?  Is this a bug or by design, or do I just have something configured incorrectly?

Thanks,
Jason

Would there be any performance advantage to creating views in the same file as opposed to several different htmls?
I'd like to split them up into their own files in order to clean up my project a little bit, but I'm not sure if it would slow things down or if it's purely for organization.

Thanks!

Hi
  Apologies in advance as I suspect this is probably obvious, just not to me

Can you make the back button or href navigation (data-role="backbutton") miss out pages?

I have a collection of views

A->B->C1->D1
              |      |
            C2->D2

Here the user may go from View A to B, if they hit back they'll go back to A. Fine

They may go A->B->C1->C2->C1->C2, if they hit back they'll go back through the sequence again but I'd like them to go back to B, i.e. bypassing the C1->C2->C1 sequence, almost as though C1 and C2 were the same page

I can't go directly to B from C2 as they may not have come to C2 from B, they may have come from somewhere else

So Ideally there would be something which would let you navigate between to C2 and C1 without going into the history

I'm guessing you can do something in raw javascript with the history object to do this but I'm wondering what the 'kendo' way to do this is

thanks

KendoUI version v2014.2.926 

I am trying to modify an html element after a view is shown.

So, I do this:




In my handleRenderDone function, I can tell that the html has not been rendered yet. Do I misunderstand what the show event is for as described in the doc here: http://docs.telerik.com/kendo-ui/api/javascript/view#events-show

Thanks

Hi,

I have the following issue: We're creating a simple Employee Lookup app where you can drill down from the employee details to the manager details and direct reports details. Each of these pages essentially look the same so I would like to use the same view.

Here my issue:
- When I am on a view 'employee-detail-view' and then want to navigate to the same view again (for manager or direct reports), KendoUI doesn't do this because it keeps track of which view it is currently on.
- I also tried inserting dynamic views into the DOM based on user navigation but it seems KendoUI can't find them. It appears it finds all the local views at beginning of app creation and then doesn't find the dynamically created ones. The code below shows a 'failed to locate resource' error since KendoUI is looking for an external html file.
 
Can anyone point me to the right approach?

Thanks!

m.navigateEmployeeDetailView = function(empId) {
    // Forward Navigation
    m.navFlag = true;
    
    // Set Employee GUID
    m.selectedEmployeeId = empId;
    
    m.currentViewId = new Date().getTime();
    var viewId = "m-emp-detail-view-"+m.currentViewId;
    console.log('view id: '+viewId);
    var newViewDiv = '<div id="'+viewId+'" data-role="view" data-title="Details" data-before-show="m.showEmployeeDetailView" style="display:none;"></div>';
    
    // Add it to the container
    $('#m-emp-detail-views').append(newViewDiv);
    
    // Add Template
    var template = kendo.template($("#m-emp-detail-templ").html());
    var data = { empId: m.currentViewId }; 
    // Pass data to the template
    var result = template(data);
    $('#'+viewId).html(result);
    
    // Navigate to view
    m.kendoApp.navigate(viewId);

I can't figure out why if you have a hyperlink to a remote view as a drawer item, it will correctly render the remote view within the Index.html page and have all the copied elements from the layout...i.e. the header and script references, etc.

See link in drawer item below: "views/business.html?businessId=3".


But, if I put his same hyperlink in another view, it will navigate to that view, but it will NOT copy all the layout elements like the head section with the script references. I just get the html elements of the remote view....

Hello,

This is my view:

This is how I open the view:

The function called on data-show:

If the first block of code (the view) is inside my index.html file - it works.
If I move the view to a separate html file (views/email.html) it throws the following error:

How can I make it work when the view is in a separate file?

How do you dynamically load a view and layout?  I can get the view to work by itself, but not a view with layout.  I created the simple example below to illustrate the issue.  The only way I can make this work is to place the layout in the index.html file, which means it's not dynamically loaded at runtime.

// insert view
$('body').append("<div data-role='view' id='view2' data-layout='main'>This is view2</div>")

// insert layout
$('body').append("<div data-role='layout' data-id='main'><header data-role='header'>Header</header><!-- application views will be rendered here --><footer data-role='footer'>Footer</footer></div>");

// display view
app.navigate('#view2');

I notice if I try to touch and hold on text in a Kendo mobile view the copy and paste features don't come up, at least on Android.  Is there a reason for this?

Scott