Questions on Kendo UI for jQuery Forum

6 answers

349 views

Hello,
please tell me whether the documentation is so poor, or I'm wrong.

Where can I find:
1. How to use models in the DataSource (from scratch)?
2. Describing columns in the Grid I can specify the format. Where is the list of available formats?

This type of problems I find in the description of each element.
In my opinion, the documentation is incomplete and hard to discover the full potential of kendo ui.

Demos are nice, but do not tell me everything.

EDIT: I'm sorry for post in wrong forum section.

Data Source

answered on 23 Dec 2011

1 answer

148 views

Kendo mobile header

Hi All,

I am working to develop an android app using Ecllipse, PhoneGap and Kendo UI. Expectation is that, when I tap on app icon in the applications list in android device/Emulator it opens the index.html page.

I am trying to code to have the header, content and footer in index.html. I used "data-role"s like header, content and footer.
Now, till I open the page in FF or Chrome in my desktop it shows correctly however when I install the apk in android emulator v2.2, there everything is going wrong like header is placed at the bottom of the display in emulator, header goes to the top. background color is changed to black where actually it's white. header/footer color is changed too.

Any idea to fix this issue?

find the screen shots attached. In both I used index.html.

index.html
---------------------------
<!DOCTYPE HTML>

<html>
<head>
<title>Registration</title>
  <script type="text/javascript" charset="utf-8" src="phonegap-1.2.0.js"></script> <script src="jquery.min.js"></script>
  <link rel="stylesheet" href="kendo.mobile.css" />
  <script src="kendo.mobile.min.js"></script>

</head>

<body>
<div data-role="view" >
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title">Header</span>
<span data-align="left" data-role="button">
<img src="ic_launcher.png" width="40" height="40" /> </span>

</div>

<div data-role="footer" >
  <div data-role="tabstrip" style="height: 55px;">
Footer
  </div>
  </div>
  </div>

Globalization

answered on 23 Dec 2011

3 answers

689 views

Fixed Column in Grid

Is it possible to set a column as fixed or locked. For example, the columns are:

AccountName
LastOrderDate
LastOrderAmount
ShipToCity
Rating
CustomerType
EmailAddress
PhoneNumber

I want the AccountName column to remain fixed - while the other columns will be scrollable (horizontally). So, when I scroll to the right so I can view the PhoneNumber column - the AccountName will remain visible, fixed in place.

Is this possible out of the box using the behaviors/properties... or can it be done by using a grid with a child grid... or do we need to develop a custom solution for this?

Grid

answered on 23 Dec 2011

2 answers

86 views

Suggest should not change letters already typed

We have found a potential issue where suggestions change the letters you have typed into a combobox when you use filter: "contains" and suggest: true.

We think that when the filter is set to "contains", suggestions should still use a "startswith" pattern, except for when there is only one match

A few test cases that can be tried at http://jsfiddle.net/AuSWr/ :

If you type "ani", the suggestion will be "Alanis Morissette: Jagged Little Pill, Live" instead of "Animal Farm". This changes the three letters you've typed to "Ala". If you were to then continue typing the rest of the world "animal" for example, you end up with "Alamal" as your first three letters of "ani" have been replaced with "Ala".
A similar result can be seen with the word "Shallow". We think this should not make a suggestion as there are no titles starting with "Shallow" but as the filter is set to "contains" you should still see these matches in the drop down list.
If there is only one match, eg "Shallows" (matches with "Saltwater Experience: Sharks in the Shallows") then it makes sense to suggest this.

We think it should possibly be changed to operate like this or perhaps filter: "contains" and suggest: true are incompatible?

Cheers

ComboBox

answered on 23 Dec 2011

4 answers

128 views

Dual units on y axis?

Can the chart ui be made to show two different units on the y axis? For example on the left y axis it could show 0-100% and the right y axis shows 0-350kw.

Charts

answered on 22 Dec 2011

2 answers

353 views

Drop down list in grid

I want to show dropdownlist in grid, could you tell me how it is posssible?

Grid

answered on 22 Dec 2011

1 answer

87 views

Submitting Data to ASP.Net Forms (Requires a name element, not just an id)

I am posting this, because I might not be the only one who will come accross this situation. I finished creating a form using the Kendo widgets and was testing it out by having the form submit to a traditional asp.net webpage. I forget sometimes as a .Net developer that Microsoft handles a lot of things for us in the background. Mostly because there is only one form allowed in a traditional .net webform page. I recently moved to MVC.Net and love the fact that I can now have multiple forms with different actions. I submitted my form and found no data in querystring or params for both methods. I fixed the situation by adding a name element to my inputs.

If you are only accustomed to traditional Asp.net, as I was, you might not realize that you require a name element in your HTML inputs when submitting data to a webform page. All of the Examples provided by the Kendo UI team are only providing the id element. If you plan to use Kendo UI with traditional web forms coming from an HTML forms post to collect the data, remember to add the name element. If you don't, you will find none of your data on the submit action.



<input

class="OriginInput" style="width: 275px;" id="ORIGIN" name="ORIGIN"

/>

I hope this helps someone else.

Cheers,
Paul

General Discussions

answered on 22 Dec 2011

10 answers

776 views

Datasource not binding to template

Hi,

I've created one template and assign datasource to that template but data is not showing on webpage.
Following is my code:

<script id="template" type="text/x-kendo-template">
            <div class="categoryBox">
                <div>
                    <strong>
                        #= categoryName #
                    </strong>
                    <a class="box-link" href="http://www.google.co.in">
                        Read More
                    </a>
                </div>
            </div>
            </script>
            <script type="text/javascript">
                $(document).ready(function () {

                    var template = kendo.template($("#template").html());
                    var category = [
                        { "categoryName": "Category1" },
                        { "categoryName": "Category2" },
                        { "categoryName": "Category3" },
                        { "categoryName": "Category4" },
                        { "categoryName": "Category5" },
                        { "categoryName": "Category6" }
                        ];

                    var dataSource = new kendo.data.DataSource({ data: category });

                    // read data from the remote service
                    dataSource.read();
                });
            </script>

Kind Regards,
Mangesh

Data Source

answered on 22 Dec 2011

1 answer

87 views

Why is the Kendo UI intro page incorrect?

The Kendo UI introduction page shows the script to add to your header;

 <!--Then paste the following for Kendo scripts-->
    <script src="jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="kendo.all.min.js" type="text/javascript"></script>

but these scripts are not included in the source download. It actually contains;
jquery.min.js
kendo.all.js

General Discussions

answered on 22 Dec 2011

1 answer

330 views

adding menu using web-service / best practices

I wanted to find out what is the best practice for showing menu in the application if we are using KendoUI. Whether it should be rendered from the server side using <ul> <li> tags or whether we should add dynamically using a web-service.

I prepared a blog post with an example of how I did this but I am not too sure if this would be the recommended way going forward. - http://piyushbhatt.blogspot.com/2011/12/kendoui-adding-menu-using-web-service.html

Overall - I think we would need the functions in kendoUI objects' such a way that developer should not have to use selectors (like "li:last" or "li:first") etc and can work with the objects and methods only.

Again this is not direct question per say - but to know your thoughts on best practices and how you think people will be using various widgets in large applications.

Menu

answered on 22 Dec 2011