Telerik Forums
Kendo UI for jQuery Forum
3 answers
367 views
I have been using the example KendoUI MVC4 samples with generally good success. However, some of the CSS styles such as k-add-button, k-edit-button and k-update-button show up as 'Unknown CSS class ...' in Visual Studio editor in my Razor view files. I could not find where these styles are defined, either in my project or in the KendoUI distribution. Since I am having a problem with the ListView MVC 4 example (the 'Add new record' button does not work), I suspect it may be related to the undefined k-add-button style. My _Layout.cshtml file contains the following references:
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.default.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.aspnetmvc.min.js")"></script>
Steve
Top achievements
Rank 1
 answered on 27 Sep 2013
3 answers
91 views
http://www.kendoui.com/code-library/mobile/listview/listview---mvvm-crud-operations.aspx

This MVVM Crud example has a problem with the Details view.  When you select the Action button for a product and click the Details button, it displays the correct product information.  But from then on, it will always only show that same product, not the one that you are selecting.
FYI.
King Wilder
Top achievements
Rank 2
 answered on 27 Sep 2013
3 answers
145 views
I'm currently evaluating Kendo UI, and I've found a problem I can't get past. I can't manually update the page value on my datasource.

The code is very simple. When I click a button, I retrieve the value for page off the datasource for a combobox. I increment it by 1, and then I set the new value on the datasource. The problem is that it is not actually updating the page.

$(document).ready(function(){
    
    var MyDataSource, $MyComboBoxRef, $dataMyComboBox;
    
    MyDataSource = new kendo.data.DataSource({
        
        batch:true,
        serverFilter: true,
        serverPaging: true,
        pageSize: 10,
        schema: {
            total:"total",
            data: function(response){

                return response.options
            }
        },
        transport: {
            read: {
                dataType: "json",
                url: "/MyService",
                type: "POST",
                async: false,
                data: function(options) {
    
                    var MyComboBox = $("#MyComboBox").data("kendoComboBox"),
                        query = MyComboBox.text(),
                        $dataMyComboBox = $dataMyComboBox;

                    query = query == null || query == "" ? "*" : query;

                    return {
                        action:    "QueryMyComboBoxOptions",
                        query:   query,
                        page: options.page,
                        page_limit: options.pageSize
                    };
                }
            }        
        }
        
    });
    
    $MyComboBoxRef = $("#MyComboBox");
    $MyComboBoxRef.kendoComboBox({
        
        autoBind:false,
        minLength: 21,
        dataSource: MyDataSource,
        dataTextField: "text",
        dataValueField: "id"
    });
    
    $dataMyComboBox = $MyComboBoxRef.data("kendoComboBox");
    
    $('#submitBtn').click(function(){
        
        var page = $("#MyComboBox").data("kendoComboBox").dataSource.page();
        alert("Page: " + page);//Page: 1
        page = page +1;
        alert("Page: " + page);//Page: 2
        $("#MyComboBox").data("kendoComboBox").dataSource.page(page);//MyService is pinged, but page is passed back with a value of 1?
        page = $("#MyComboBox").data("kendoComboBox").dataSource.page();
        alert("Page: " + page);//Page: 1 .. ? Why isn't it updateing?'
    });
});

Alexander Valchev
Telerik team
 answered on 26 Sep 2013
4 answers
780 views
I will have some cells in a grid that end up being very large sometimes due to the data being placed in them. I would like to be able to have a max row height, so that I can consistently view X amount of rows (5 in my case) in a pageable grid without scrolling on the rows, but then be able to scroll inside individual cells for the larger strings like comments.

I can't really see anything in to documentation or examples that cover this. Would anyone else have ideas as how to go about this?
Keith
Top achievements
Rank 1
 answered on 26 Sep 2013
3 answers
46 views
It looks like something in SP1 has broken kendoUI icons in IE7. I confirmed with two different VMs. I cannot see icons in IE7 on any widget nor http://demos.kendoui.com/web/styling/icons.html. Using web archive I am able to see the icons in IE7 http://web.archive.org/web/20130128210046/http://demos.kendoui.com/web/styling/icons.html.

I rolled back to v2013.2.716 and the icons display properly in IE7.
Kamen Bundev
Telerik team
 answered on 26 Sep 2013
3 answers
117 views
Hi. I need dropdownlist in my kendo mobile project and bind data to it.
I saw an example http://demos.kendoui.com/mobile/forms/index.html#/ and saw that better way is to use kendo web dropdownlist and no use standart elements like "select".
But dropdownlist not working in my project. How can i plug in dropdownlist from kendo web to kendo mobile?

My goal is 3 cascading dropdownlists in kendo mobile  with data binding from remote url.
Steve
Telerik team
 answered on 26 Sep 2013
1 answer
141 views
I would love to see a Document Browser tool and a Video Browser tool added to the Editor similar to the Image Browser.

Ideally, the Video Browser would also allow you to embed YouTube and Vimeo videos.

Is that in the plans?
Dimo
Telerik team
 answered on 26 Sep 2013
1 answer
64 views
I want to have an icon on the homepage that when hovered over, shows a templated tooltip.

Difference from the demos being I don't want to show details of a single item, but instead a more complex UI that contains a list of items, and a couple buttons.

...it's kind of like the telerik menu item on this page (see attached)

What I'm confused about is how to get my content into there...I would love to be able to MVVM the list item content inside of it, but I can't seem to see in my head how this all ties together (with events).  I assume I have a static "content" property and in that an item template repeater...?

Steve
Alexander Valchev
Telerik team
 answered on 26 Sep 2013
2 answers
300 views
I have a simple app that allows customers to look up inventory. Its as simple as the user enters a optional customer number and part. That occurs in the search view. Then they press the go button and are shown the results view. It list the product and stock count at our branch locations.

The issue I'm having is on mobile phones. The listview does not get updated. The data doesn't change.

Here is the code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="KochAirMobileInventory._Default" %>
 
<!DOCTYPE html>
 
<html>
<head id="Head1" runat="server">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="-1">
    <title>Part Lookup</title>
    <link href="Content/kendo/2013.2.716/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="Content/kendo/2013.2.716/kendo.default.min.css" rel="stylesheet" type="text/css" />
    <link href="Content/kendo/2013.2.716/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="Scripts/kendo/2013.2.716/kendo.all.min.js" type="text/javascript"></script>
 
    <style>
        .glass {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 100;
            opacity: 0.3;
            background: #fff;
        }
         
    </style>
</head>
<body>   
    <!-- modal loading -->
    <div id="glass" class="glass" style="display: none;"></div>
 
    <!-- layout for the search view -->
    <div data-role="layout" data-id="SearchLayout">
        <header data-role="header">
            <div data-role="navbar">
                <span data-role="view-title"></span>
            </div>
        </header>
    </div>
 
    <!-- this view is for entering the cutomer and part nubmer to view stock status -->
    <div id="SearchView" data-role="view" data-title="Search" data-layout="SearchLayout">
            <ul data-role="listview" data-style="inset">
                <li>
                    <label>Customer #
                        <input id="Customer" type="text" value="60506" />
                    </label>
                </li>
                <li>
                    <label>
                    Part
                    <input id="Part" type="text" value="CF58.C" />
                    </label>
                </li>
                <li style="text-align:center;">
                    <label>
                    <a class="button" data-role="button" href="#ResultsView" onclick="GetData();">Go</a><!-- onclick="GetData();" -->
                    </label>
                </li>
             
            </ul>    
    </div>
 
    <!-- layout for the results view -->
    <div data-role="layout" data-id="ResultsLayout">
        <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>
            </div>
        </header>
    </div>
 
    <!-- this is the results view that will show the branch and stock count for item searched -->
    <div data-role="view" id="ResultsView" data-transition="slide" data-init="mobileListViewDataBindInitFlat" data-title="Results" data-layout="ResultsLayout">
        <ul id="flat-listview" data-role="listview" data-style="inset"></ul>
    </div>
 
<script type="text/ecmascript">
    //data that is called via ajax for our listview in the
    //results view...
    var flatData;
 
    //sample of the data returned
    /*
    [{"CustomerId":"960506","CustomerName":"IAMS COM AIR          ","PartNumber":"58.C              ","Vnd":"CF","SellPrice":"        99.35","Id":2,"AvailQty":79,"Status":"A","Location":"usa"},
    {"CustomerId":"960506","CustomerName":"IAMS COM AIR          ","PartNumber":"58.C              ","Vnd":"CF","SellPrice":"        99.35","Id":3,"AvailQty":105,"Status":"A","Location":"usa"},
    {"CustomerId":"960506","CustomerName":"IAMS COM AIR          ","PartNumber":"58.C              ","Vnd":"CF","SellPrice":"        99.35","Id":4,"AvailQty":100,"Status":"A","Location":"usa"},
    {"CustomerId":"960506","CustomerName":"IAMS COM AIR          ","PartNumber":"58.C              ","Vnd":"CF","SellPrice":"        99.35","Id":5,"AvailQty":66,"Status":"A","Location":"usa"},
    {"CustomerId":"960506","CustomerName":"IAMS COM AIR          ","PartNumber":"58.C              ","Vnd":"CF","SellPrice":"        99.35","Id":6,"AvailQty":-11,"Status":"A","Location":"usa"},
    {"CustomerId":"960506","CustomerName":"IAMS COM AIR          ","PartNumber":"58.C              ","Vnd":"CF","SellPrice":"        99.35","Id":7,"AvailQty":79,"Status":"A","Location":"usa"},
    {"CustomerId":"960506","CustomerName":"IAMS COM AIR          ","PartNumber":"58.C              ","Vnd":"CF","SellPrice":"        99.35","Id":8,"AvailQty":55,"Status":"A","Location":"usa"}]
    */
    function GetData() {
        showLoading();
         
        var customer = $("#Customer").val();
        var showPrice = false;
 
        if (customer == "") {
            customer = "60506";
        } else {
            showPrice = true;
        }
 
        $.ajax({
            url: "api/branchitem/?partnumber=" + $("#Part").val() + "&customer=" + customer,
            contentType: 'json',
            success: function (data) {
                flatData = "";
                 
                var price = "";
 
                $.each(data, function (index, item) {
                    flatData += item.Location + " Quantity:" + item.AvailQty + ',';
 
                    price = item.SellPrice
                });
                 
                flatData = flatData.substr(0, flatData.length - 1);
                 
                if (showPrice) {
                    flatData += ",Price: " + price.toString();
                }
                 
                flatData = flatData.split(",");
                 
                flatData = flatData;
 
                //attempt to destroy and recreate so the data will update...
                $('#flat-listview').data('kendoMobileListView').destroy();
                $("#flat-listview").kendoMobileListView({ dataSource: flatData });
 
                hideLoading();
            }
        });
    }
 
    function mobileListViewDataBindInitFlat() {
        //grab data from restful service
        GetData();
    }
 
    var app = new kendo.mobile.Application(document.body);
 
    function showLoading() {
        $("#glass").show();
        app.showLoading();
    }
 
    function hideLoading() {
        $("#glass").hide();
        app.hideLoading();
    }
    </script>
</body>
</html>
Kiril Nikolov
Telerik team
 answered on 26 Sep 2013
1 answer
109 views
Hi

We are using Kendo UI Grid to our application with the option Pageable true. When we sort a one page the rest remain unsorted.
We would like to know is there any possibility to sort data in every pages in Kendo grid.

Thanking you,

cowderia development team
Alexander Valchev
Telerik team
 answered on 26 Sep 2013
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?