Telerik Forums
Kendo UI for jQuery Forum
1 answer
136 views
I have implemented Kendo datePicker in .Net as well as Sharepoint 2010. THe Client Id generated in Sharepoint for KEndoDatePicker is like "#ctl00$m$g_3fdcb998_461b_4f78_b53f_aae237e7bc05$ctl00$KendoDatePicker1" in the HTML. But when I try to access this by using this.ClientId from server side, the ClientId does not have $ symbol. This is not the case with KendoGrid. PLease help me on this...
Atanas Korchev
Telerik team
 answered on 08 Feb 2012
2 answers
208 views

How would one create a new and unique Window for each row in a Kendo Grid?  I only want one instance of the window, and each row comes from the database.

For example imagine a Kendo Grid that shows a hundred open jobs and their status.  Each row has a link that says "Change status". Clicking that link will open a URL, with options.  Upon closing, the grid is refreshed.

Thank you in advance!



Jayalakshmi
Top achievements
Rank 1
 answered on 08 Feb 2012
5 answers
331 views

I have a list view (#menuList). As soon as i configure a datasource including a schema, i get the following js error when i click an item:
Unable to get value of the property 'getByUid': object is null or undefined

My page:
<!DOCTYPE html>
<head>
    <title>Compano Online Software</title>
 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://cdn.kendostatic.com/2012.1.124/js/kendo.all.min.js" type="text/javascript"></script>
    <script src="http://cdn.kendostatic.com/2012.1.124/js/kendo.mobile.min.js" type="text/javascript"></script>
 
    <link href="/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="/styles/kendo.mobile.all.min.css" rel="stylesheet" />
 
    <script type="text/javascript">
        var vn = "prd.item";
        var tm = "<b>${SalesOrganizationShortDescription} ${Code}</b>-<b>${Description}</b><br/>€ ${PurchasePricePerUtilizationUnit}";
 
        function onError(e)
        {
        }
 
        function menuClick(e) {
            vn = e.dataItem.ViewName;
            tm = e.dataItem.Template;
            var list = $("#list").data("kendoMobileListView");
            if (list)
                list._refresh();
        }
 
        function initList() {
                $("#list").kendoMobileListView({
                    dataSource: {
                        transport: {
                            read: {
                                type: "POST",
                                url: "/dv.ashx",
                                data: { vn: vn },
                                dataType: "json"
                            }
                        },
                        serverPaging: true,
                        serverSorting: true,
                        pageSize: 20,
                        schema: {
                            data: "d",
                            total: "count"
                        },
                        error: onError
                    },
                    template: tm
                });
            }
 
            $(document).ready(function () {
                var app = new kendo.mobile.Application(document.body);
 
                $("#menuList").kendoMobileListView({
                    dataSource: {
                        transport: {
                            read: {
                                type: "POST",
                                url: "/webservices/mobile.asmx/GetMenuList",
                                contentType: "application/json; charset=utf-8",
                                data: {},
                                dataType: "json"
                            }
                        },
 
                        schema: {
                            data: "d",
                            model: {
                                fields: {
                                    __type: { type: "string" },
                                    ViewName: { type: "string" },
                                    Description: { type: "string" },
                                    Template: { type: "string" }
                                }
                            }
                        }
                    },
 
                    template: "<a href='tabstrip-grid'>${Description}</a>",
                    click: menuClick
                });
            });
    </script>
</head>
<body>
    <div data-role="view" id="tabstrip-home" data-title="Home" data-layout="mobile-tabstrip">
        <ul data-style="inset" id="menuList" ></ul>
    </div>
 
    <div data-role="view" id="tabstrip-grid" data-title="Overzicht" data-init="initList" data-layout="mobile-tabstrip">
        <div id="list"></div>
    </div>
    <div data-role="layout" data-id="mobile-tabstrip">
        <header data-role="header">
            <div data-role="navbar">
                <a class="nav-button" data-align="left" data-role="backbutton">Back</a>
                <span data-role="view-title"></span>
                <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
            </div>
        </header>
        <div data-role="footer">
            <div data-role="tabstrip">
                <a href="#tabstrip-home" data-icon="home">Home</a>
                <a href="#tabstrip-grid" data-icon="favorites">Overzicht</a>
                <a href="#tabstrip-detail" data-icon="favorites">Details</a>
            </div>
        </div>
    </div>
</body>
</html>
Roland Koops
Top achievements
Rank 1
 answered on 08 Feb 2012
0 answers
69 views

Is there a method or function to re-render all Kendo controls displayed in the current screen? The issue I currently have is that when I inject controls dynamically without refreshing the page (using JQuery append() for example) Kendo will continue to render new and existing controls on-top of controls that have already been rendered.

Is there a simple solution to this common problem?

Ryan
Top achievements
Rank 1
 asked on 08 Feb 2012
2 answers
168 views
Hi,

I've just downloaded kendoui.mobile.2012.1.124.beta.zip.

In all examples, the file ../../../styles/kendo.common.min.css is included but it is not available (not included in the zip file).

By the way, what's the best file to call from the CDN if I want to developer a mobile app? I guess it's:

Thanks.
Thomas
Top achievements
Rank 1
 answered on 08 Feb 2012
1 answer
77 views
I have defined a group field on the data source. This is bound to a grid. I am not displaying the group field as a grid column. There seems to be no way to define a title (display name) for the group field unless I also add it as a column. Please let me know if there is a solution for this.

Thanks,
Gary
Rosen
Telerik team
 answered on 08 Feb 2012
5 answers
265 views
I am trying to add a autocomplete kendo control in the navbar of a layout. The kendo control does not work. If i add the autocomplete in a view it works.

Is it possible to add kendo controls to a navbar/ layout header?
Petyo
Telerik team
 answered on 08 Feb 2012
4 answers
290 views
Hi

I created a tabstrip with an kendgrid inside.

The grid is real huge ... they are v scrollbars but I miss the h scrollbars

How to enable v-scroll bars in my tabstrip (or maybe in the grid?)


Marcus
Dimo
Telerik team
 answered on 08 Feb 2012
6 answers
3.6K+ views

I have a grid that I am filling via javascript. When I initially fill the grid, the paging numbers are not displayed. However after I sort a column on the grid they appear.

Here is a short video demonstrating the issue, in both IE and FF.

http://screencast.com/t/i3iXWy9v

The sample project is here:(kendogridtest.zip)
https://skydrive.live.com/redir.aspx?cid=80ce78240aa8df49&resid=80CE78240AA8DF49!1296&parid=80CE78240AA8DF49!657&authkey=!AH-nIxcIUDGzY54



SHAWN
Top achievements
Rank 1
 answered on 08 Feb 2012
1 answer
945 views
I tried:
<input id="hoursBox" value="0" style="width: 100px" />

and I also tried:
$("#hoursBox").width(100).kendoNumericTextBox({
            format: "#.00",
            min: 0,
            step: 0.1
        });

both methods adjust the width, but the right side border gets cutoff.  I have attached a screenshot, please note the area immediately to the right of the up down arrows.  If I don't adjust the width then it looks fine but it's much to wide.



Kjell
Top achievements
Rank 1
 answered on 08 Feb 2012
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?