Questions on Kendo UI for jQuery Forum | Telerik Forums

or

28,666 questions

1 answer

192 views

UI Menu not expanding child elements

I've tried both adding the menu items as a json object and directly as li/ul elements in the html code.

I just can't seem to get the menu to expand....

<div id="example" class="k-content">

<div id="megaStore">

<ul id="kendoMenu">

<li>Products

<ul>

<li>Furniture

<ul>

<li>Tables & Chairs</li>

<li>Sofas</li>

<li>Occasional Furniture</li>

<li>Childerns Furniture</li>

<li>Beds</li>

</ul>

</li>

<li>Decor

<ul>

<li>Bed Linen</li>

<li>Throws</li>

<li>Curtains & Blinds</li>

<li>Rugs</li>

<li>Carpets</li>

</ul>

</li>

<li>Storage

<ul>

<li>Wall Shelving</li>

<li>Kids Storage</li>

<li>Baskets</li>

<li>Multimedia Storage</li>

<li>Floor Shelving</li>

<li>Toilet Roll Holders</li>

<li>Storage Jars</li>

<li>Drawers</li>

<li>Boxes</li>

</ul>

</li>

<li>Lights

<ul>

<li>Ceiling</li>

<li>Table</li>

<li>Floor</li>

<li>Shades</li>

<li>Wall Lights</li>

<li>Spotlights</li>

<li>Push Light</li>

<li>String Lights</li>

</ul>

</li>

</ul>

</li>

<li>Stores

<ul>

<li>

<div id="template" class="k-content" style="padding: 10px;">

<h2>

Around the Globe</h2>

<ol>

<li>United States</li>

<li>Europe</li>

<li>Canada</li>

<li>Australia</li>

</ol>

<img src="../../content/web/menu/map.png" alt="Stores Around the Globe" />

<button class="k-button">

See full list</button>

</div>

</li>

</ul>

</li>

<li>Blog </li>

<li>Company </li>

<li>Events </li>

<li disabled="disabled">News </li>

</ul>

</div>

</div>

<script type="text/javascript">

$(document).ready(function () {

$("#kendoMenu").kendoMenu();

});

answered on 02 Mar 2012

2 answers

163 views

Issue with Binding my Calendar to Local Data

Hello Everyone,

I'm having some issues binding my calendar to local data.

Basically, what I'm hoping to do is have someone enter in data on each day. Then the calendar would spit out the code they entered for that day. They'd be able to view the data in the month calendar view.

So I have this local data I need to bind. As far as I can tell this part is set up correctly. My issue is that I'm getting an error of "action" is not defined, and the script kills and doesn't load the calendar.

Is there something I'm not doing right here?

Here is my code:

$(document).ready(function() {

var Priority = [

{ PriorityId: "1",

Action: "Lorem Ipsum Dolor Sit",

Completed: true,

PersonID: "2",

PriorityDate: "02/22/12"},

{ PriorityId: "2",

Action: "Lorem Ipsum Dolor Sit",

Completed: false,

PersonID: "2",

PriorityDate: "02/23/12"},

{ PriorityId: "3",

Action: "Lorem Ipsum Dolor Sit",

Completed: true,

PersonID: "2",

PriorityDate: "02/24/12"},

{ PriorityId: "4",

Action: "Lorem Ipsum Dolor Sit",

Completed: false,

PersonID: "2",

PriorityDate: "02/25/12"},

{ PriorityId: "5",

Action: "Lorem Ipsum Dolor Sit",

Completed: true,

PersonID: "2",

PriorityDate: "02/26/12"},

{ PriorityId: "6",

Action: "Lorem Ipsum Dolor Sit",

Completed: false,

PersonID: "2",

PriorityDate: "02/27/12"},

];

var today = new Date();

$("#kendoCalendar").kendoCalendar({

value: today,

depth: "month",

format: "dd/MM/yyy",

dataSource: Priority,

month: {

content: '<div class="custom"><#= Action #></div>'

},

change: function(e) {

var title = "Today's Top Priority";

var url = "top-tasks-add.aspx"

var win = $(".modal-window");

if (!win.data("kendoWindow")) {

// window not yet initialized

win.kendoWindow({

content: url,

title: title,

draggable: true,

modal: true,

resizable: false,

}).data("kendoWindow").open().center();

}

else {

// reopening window

win.data("kendoWindow")

.refresh(url) // request the URL via AJAX

.title(title)

.open() // open the window

.center();

}

}

});

});

Just to explain a little more, the "change" function opens a kendo window that will allow the user to input their "action" for that particular day.

Thanks for any help, guys and gals!

answered on 02 Mar 2012

5 answers

738 views

Using a common container[div] for multiple tabs

Hi,
We have a requirement of sharing a content [ basically a div and some controls inside it] with multiple tabs.
Now while doing that, we have to generate these tabs dynamically and assign it to the common control we already have in the mark up.

Let me give an example:

<div id="lefttabstrip">

<ul class="Home">

<li class="TabAct k-state-active">All Rules</li>

</ul>

<div id="homediv>

Home text

</div>

<div id="mycommondiv>

some controls here

</div>

<div>

Now we already have Home tab which will show content of "homediv" .
What we want to do now is to append tabs to the home tab which all will be showing the content of "mycommondiv".
Any work around for this?

Any help is much appreciated.

Thanks,
Sourish

answered on 02 Mar 2012

1 answer

101 views

Paging / Load more

Is there a way to load more data if requested by the user?

For example a guestbook, I want to show the first 10 entries, when the user hits the "show more" button, the next 10 will be loaded and added bellow the first 10. Again, you can push "show more", loading the next 10, append them to the bottom of the list... till no more entries will be received by the server.

Can Kendo UI handle this already?

Regards -

Tom

ListView (Mobile)

answered on 02 Mar 2012

1 answer

2.0K+ views

How can I get the count of number of items in the combo?

My comboboxes are populated dynamically and I want them to be required, but only if there is more than one option. I think I know how to do the validation, but how can I get the item count for combobox?

answered on 02 Mar 2012

2 answers

170 views

lost on a data source issue

Hi all,

any idea why this wouldnt work (all include and link paths checked)
I'm a newby and so lost! i'm getting the data (one record) into the array in the function createRandomData.
But i cant generate the gridview after that.
Can anyone see where i'm going wrong?

V

<!doctype html>
<html>
    <head>
        <title>Admin: Users</title>
        <link href="styles/kendo.black.min.css" rel="stylesheet"/>
        <link href="styles/kendo.default.min.css" rel="stylesheet"/>
        <script src="js/jquery.min.js"></script>
        <script src="js/kendo.core.js"></script>

        <script src="js/kendo.validator.js"></script>
        <script src="js/kendo.model.js"></script>
        <script src="js/kendo.data.js"></script>
        <script src="js/kendo.pager.js"></script>
        <script src="js/kendo.sortable.js"></script>
        <script src="js/kendo.draganddrop.js"></script>

        <script src="js/kendo.groupable.js"></script>
        <script src="js/kendo.grid.js"></script>
        <script src="js/kendo.binder.js"></script>
        <script src="js/kendo.editable.js"></script>
        <script src="js/kendo.popup.js"></script>
        <script src="js/kendo.calendar.js"></script>

        <script src="js/kendo.datepicker.js"></script>
        <script src="js/kendo.numerictextbox.js"></script>
		<script>
function createRandomData(count) {
		var data = [];
		data = {"account_recs":[{"FirstName":"Graham","SecondName":"Fourie"}],"totals":1};
		return data;
}
</script>
    </head>
    <body>
        <a href="../index.html">Back</a>
        <div class="description">Basic usage</div>

        <div id="example" class="k-content">
            <div id="grid"></div>

            <script>
                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            data: createRandomData(1)
						}
                        navigatable: true,
                        pageable: true,
                        height: 400,
                        toolbar: ["create", "save", "cancel"],
                        columns: [
                            "SecondName",
                            { field: "FirstName", width: "100px" },
                            { command: "destroy", title: "&nbsp;", width: "110px" }],
                        editable: true
                    });
                });
            </script>
        </div>
    </body>
</html>

answered on 02 Mar 2012

1 answer

382 views

Debug datasource read url

Is there a method or property that returns what url the read method will query ?

Suppose I have
  transport: {
   read: {
    url: window.dataEmitterURL + "/GetStoresTable",
    dataType: "xml",
    data: {
     mainid: getParameter('mainid') ,
     idset: function() { return window.selectedIdset; }
    },
    cache: false
   }
  },

answered on 02 Mar 2012

2 answers

55 views

Charts hosted in .aspx pages not working in IE

Hi,

I have been working on migrating my Silverlight application to HTML5 using Kendo UI. It is working very good.
But have a problem with the charts when hosted in aspx pages. The page throws javascript error when viewed in Internet Explorer.
Where as the same thing works in Firefox or Chrome. Please can anybody help ??
I need to get this working in IE as well.

Thanks,
Nikhil

answered on 02 Mar 2012

0 answers

128 views

Using image in Grid column

Hi ,
How can I use and image in grid column ?
Is there any way to set custom css class in grid column ?
Thanks.

asked on 02 Mar 2012

3 answers

145 views

Doesnt Refresh

Hi,

Im using this expander panel and the problem is if i have a dynamic fields and if i want to collapse the panel and then expand it back it will always stay to that height and never change so now if i want to pick something else from the Dropdown and if it has more fields depending on my selection it will be hidden or overlapping.

Thanks

answered on 02 Mar 2012

Top users last month