Telerik Forums
Kendo UI for jQuery Forum
1 answer
107 views
I have implemented drill down functionality in Grid  but the expand/collapse and pagination number is not shown in the grid. I have attached the screen shot for more clarification. We have tested it in IOS7 IPad

Kiril Nikolov
Telerik team
 answered on 04 Feb 2014
1 answer
48 views
Can't find an example of how to do this.  Scenario: user navigates to the third level of a hierarchal grid and clicks the Edit link, taking them to the Edit View.  When complete, the requirement is to return them to the grid row they were formerly viewing.  Sample project is attached.  Please note, I had to delete most of the project folders, especially the scripts to get the zipped size under your 2MB upload limit.

Two more questions relevant to the same project; 

1) I want to show the various levels of the hierarchical grid in different colors and also to vertically align all cells in all grids to the the top of the row.  I'm sure CSS is the right way to do this, but what is the best practice for how to do it?  What elements must I reference in the CSS?

2) How do I suppress a value in a cell?  I have a default date that comes in as 01/01/0001 12:00 AM which for my purposes is an invalid date.  When I see this value I want to suppress the display and show a null string instead.

Thanks!

Rich
Alexander Popov
Telerik team
 answered on 03 Feb 2014
12 answers
271 views
Just tried to upgrade from 2013.2.918 to 2013.3.1316.

Existing code for a grid update that passed additional parameters to the datasource read remote method has stopped working. 

Data Source Definition Snippet..
.DataSource(ds => ds
         .Ajax()
         .ServerOperation(false)
         .Read(r => r.Action("_List", "Employee").Data("SetEmployeeGridData"))
function SetEmployeeGridData() {
    return { locationFilter: $('#locationFilter').val(),
                      departmentFilter: $('#departmentFilter').val(),
                      lastNameFilter: $('#lastNameFilter').val() };
    }
public ActionResult _List([DataSourceRequest] DataSourceRequest request, string locationFilter, string departmentFilter, string lastNameFilter)
       {
the refresh is triggered by something like this...
$('#EmployeeGrid').data('kendoGrid').dataSource.read();
Those filter values are being pulled from input fields.  I see the Data function being called and the .val() is evaluating correctly, but the MVC action only gets null values and fiddler shows nothing being passed in the request.  Maybe i missed something in my upgrade, but this code worked fine in 2013.2.918
Dev Team
Top achievements
Rank 1
 answered on 03 Feb 2014
4 answers
104 views
This error is reproducable on the drawer on
http://demos.telerik.com/kendo-ui/mobile/drawer/index.html

When you open the drawer partially a couple of times by dragging the inbox view manually (mouse down somehwhere in the inbox view, then drag some pixels to the right and mouse up before the drawer is fully opened), the drawer listview will disappear.
100%
Top achievements
Rank 1
 answered on 03 Feb 2014
3 answers
87 views
Hi.  I'm running into a problem where I have a logoff button in the navbar.  This navbar is visible across all pages.  When I navigate to my listview to get a list of orders, the logoff button works fine.  When I drill down to get the details of one item of the list, i am taken to another remote view.  This also works fine.  However, if I got BACK to the previous screen using back in the navbar, I am navigated back BUT the logoff button click is not working.  I think I've narrowed it down to this:

http://docs.telerik.com/kendo-ui/getting-started/mobile/application#remote-views

Specifically, the documentation states the following:

"The remote view request will also append (but not initialize) any additional views found in the AJAX
response. Inline style elements, inline script elements, and mobile layout definitions will also be evaluated and appended to the
application. The elements must be available in the root of the response, or nested inside the body element.Scripts and styles from the head element (if present) will not be evaluated.If the remote view needs an additional scripting (widget initialization/binding) logic, it may be defined in the view init event handler, in the AJAX response."


Is this why I am having difficulty? 

My main layout in my index.html looks like this:

    <div data-role="layout" data-id="mt-main-layout">
        <header data-role="header"><br/>
            <div data-role="navbar" id="mt-main-layout-navbar">
                <a data-align="left" data-role="backbutton">Back</a>
                <span data-role="view-title">Test Product</span>
                <a data-align="right" style="display: none" class="mt-main-layout-btn-logoff"
                    data-click="testProduct.loginCompany.viewModel.logOff" data-role="button">Log Off</a>
            </div>
        </header>
    </div>

If this is the issue, is there a workaround to reinitialize the button's data-click event?

Thanks in advance for any insights!

-Brian

Steve
Telerik team
 answered on 03 Feb 2014
1 answer
344 views
I need to be able to close the DropDownList on every page when the user scrolls the page.  Some of my DropDownLists are input controls, some are divs, etc.  Here is my solution; is there a better solution?

(MainContent is the scrolling div that surrounds all the content)

$(function() {
       $('#main-content').on('scroll', function(e) {
           $("*").each(function() {
               var ddl = $(this).data("kendoDropDownList");
               if (ddl) {
                   ddl.close();
               }
           });
});
Kiril Nikolov
Telerik team
 answered on 03 Feb 2014
2 answers
63 views
Any idea why a page that includes the scheduler never loads on an iOS device when it has no problems on a desktop. You can see what I mean here: http://team3310.com/resources/schedule/

Thanks!
Kenny Gutierrez
Top achievements
Rank 1
 answered on 03 Feb 2014
1 answer
109 views
I've isolated a kendo binding crash down to very simple repro steps using the following jsfiddle - http://jsfiddle.net/LNUGj/5/

To reproduce the crash, use IE 10 or IE 11, and do the following:

1. Enter something (one or more characters) into each of the five text boxes.
2. Press the button under the text boxes, which causes a second bind (see the code).
3. Type something (one character) into the first text box.
4. Notice the IE CRASH.

I'm hoping to escalate this IE crash with basic kendo binding, but Kendo support doesn't seem to have a way of escalating issues based on their severity.

I assume this must be affecting many/all users that use binding with unbind against the same DOM (which seems to be the purpose of unbind).

Can anyone monitoring the forums escalate a support ticket?
Daniel
Telerik team
 answered on 03 Feb 2014
0 answers
138 views
Hi I an downloaded new js file from "kendoui.complete.2013.3.1324.trial" in this i found one issue regarding kendo mobile scheduler if i am using kendo.mobile.min.js from this download. if we try to scroll then the page is disapearing else we didnt use new released kendo.mobile.min.js file then schedular control now working its functionality. when using schedular control with drawer control also not working fine some times drawer control page not showing login page showing for clarification i am attaching the screens also. thank you for providing inbuilt functionaly your service is very nice. screen1 and screen2 is my estimate result. with new kendo.mobile.min.js i am getting this result fine but am getting two issues 1) in screen4 you can see the textbox and label when scroll or touch the mobile then see screen5 there is no controls. 2) screen6 drawer control with head and wrong data showing login page. not getting my estimated data. if i use old version then drawer control not working you can see this in screen3.
Suma
Top achievements
Rank 1
 asked on 03 Feb 2014
1 answer
105 views
I have a few divs with a different size in zoomable view, lets say that my viewport size is 10k x 10k and my div's size is 100x100, and left position is 600, top position is 1000. I can using animatedScrollTo() function to scroll to the top, left position in my viewport to see my div box, but i need to zoom it programmatically to make the div's size fit in my browser size. Any idea?

This is my example to programatically scrolling to div position,  but i really need to zoom it to make div's size fit in my browser size. Thank you.

01.<!DOCTYPE html>
02.<html>
03.    <head>
04.        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
05.        <style>
06.            #container {
07.                width: 10000px;
08.                height: 10000px;
09.                position: relative;
10.            }
11.             
12.            #myBox {
13.                position: absolute;
14.                top: 600px;
15.                left: 1000px;
16.                height: 100px;
17.                width: 100px;
18.                padding: 10px;
19.                background: red;
20.            }
21.        </style>
22.    </head>
23.    <body>
24.        <div data-role="view" id="myViewport" data-zoom="true" data-init="initHome">
25.            <div id="container">
26.                <div id="myBox">Foo</div>
27.            </div>
28.        </div>
29. 
30.        <script>
31.            function initHome(e)
32.            {
33.                var scroller = e.view.scroller;
34.                var bTop = $("#myBox").position().top;
35.                var bLeft = $("#myBox").position().left;
36.                scroller.animatedScrollTo(-(bLeft), -(bTop));
37.            }
38. 
39.            new kendo.mobile.Application();
40.        </script>
41.    </body>
42.</html>
Kiril Nikolov
Telerik team
 answered on 03 Feb 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?