Skip to content
This repository has been archived by the owner on Jun 14, 2019. It is now read-only.

Need Full Examples #1

Open
TaylorSMarks opened this issue Apr 6, 2015 · 3 comments
Open

Need Full Examples #1

TaylorSMarks opened this issue Apr 6, 2015 · 3 comments

Comments

@TaylorSMarks
Copy link

There appears to be absolutely no examples for how to actually use Kendo UI in Meteor. I tried adding a multiselect by just looking at the example here: http://demos.telerik.com/kendo-ui/multiselect/index

Here's what I tried:

Created a project and added Kendo UI:

meteor create FindMeFood
meteor add telerik:kendo-ui-core-fiori-theme

Set the contents of FindMeFood.html to this:

<head>
    <title>FindMeFood</title>
</head>

<body>
    <label for="where">Where</label>
    <select id="where" multiple="multiple" data-placeholder="Select where...">
        <option>McDonalds</option>
        <option>Burger King</option>
        <option>Wendy's</option>
        <option>Five Guys</option>
        <option>KFC</option>
        <option>Taco Bell</option>
        <option>Pizza Hut</option>
        <option>Papa Johns</option>
     </select>
</body>

Set the contents of FindMeFood.js to this:

if (Meteor.isClient) {
    $("#where").kendoMultiSelect().data("kendoMultiSelect");
}

And absolutely nothing happened. I ended up with a standard multiple-select box when I started up meteor and visited the page.
@codylindley
Copy link
Contributor

Have you read: http://developer.telerik.com/featured/build-deploy-rich-ui-javascript-apps-fast/

Here is a working example: http://meteorpad.com/pad/GQgxnyMwpiRQg45Be/Leaderboard

@TaylorSMarks
Copy link
Author

I have not read that yet, but I did see an instance of that leaderboard project when I did a DDG Search.

I will read the first link. I feel the entire Kendo website is very confusing to navigate - I would never have found it if you hadn't linked to it here.

@codylindley
Copy link
Contributor

I need to forsure update the readme with a clear example of instantiating a widget. To get you on the correct track simply copy the example I linked too. Note that you must instantiate the widget in a rendered() template method. i.e.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@codylindley @TaylorSMarks