Questions on Kendo UI for jQuery Forum

1 answer

144 views

PanelBar TypeScript append, insertAfter, insertBefore argument types correct?

The description for append, insertAfter and insertBefore I believe are not defined correctly in the TypeScript definition file.

For example, for append(item, referenceItem ) as defined here:
http://docs.telerik.com/kendo-ui/api/web/panelbar#methods-append

can be JSON or a string (text, url, etc.)

However, the TypeScript definition defines both as strings.

Do these interfaces need to be expanded to accept JSON object directly?

Also the referenceItem parameters says that it can be omitted, but the interface does not indicate that with a '?'.

PanelBar

answered on 04 Mar 2014

1 answer

69 views

Kendo Grid HTML Paging not working

Hello,

Kendo grid paging stops working for 1000 records or more.

Can somebody help?

Thanks!

Grid

answered on 04 Mar 2014

4 answers

1.0K+ views

Kendo Grid - Editable vs Non Editable Columns

I'd like to know if there is a way to easily visibly distinguish editable columns from non-editable columns.

The scenario that I have is that there is a Kendo grid on a page with five columns. Only one of the columns is editable. The other four columns display read-only data that is either preloaded into the data source on page initialization or calculated based on the value that the user enters into the editable column. The grid is using batch editing.

At present, it isn't obvious which fields on the grid are editable vs not editable. Only by clicking each cell can the user determine which cells can be edited. I would like to provide a visual means to indicate which columns are editable vs not editable. One option that I had tried is specifying a background color for non-editable fields via the "style" config option for each column. However, this option isn't viable because it overrides the row highlighting color. Any suggestions on how to visibly distinguish editable vs non-editable columns?

Grid

answered on 03 Mar 2014

2 answers

120 views

Recurrences visual representation in Scheduler

While working with the Kendo Scheduler i noticed a bug with the visual representation of the recurrences in the scheduler.

Let's say i want my recurrence to happen on the last friday of every month. What happens with kendo is that it sometimes puts the occurence in the next month.
This isn't how Outlook handles this type of recurrency.

Is there a way to change this behaviour?

Scheduler

answered on 03 Mar 2014

5 answers

127 views

notes overlapping

Hi when I have many notes / long notes they are overlapping so the user cant actually read them.
Hoe can I handle this ?
thx
Sagi

Charts

answered on 03 Mar 2014

2 answers

109 views

Date filter is not working while recreating grid

Hi,

In my current SPA, I've various scenario where I recreate grid to bind data depending on selected option.

But while recreating grid my date filter goes read only.

This can be reproduced in demo I found in http://www.telerik.com/forums/destroying-grid-does-not-completely-destroy-it-apparently#IoH83YEu30mZgOAbBiH4oA

http://jsfiddle.net/dimodi/Fx5kU/

Steps to Reproduce,
1. Filter Order date -select any date from calender
2. Click Recreate button
3. Again try to apply filter on order date, calender goes readonly and not allowed to select date.

I'm using,
Kendo UI Complete v2013.2.716
Chrome Version 33.0.1750.117
Win7

Please advice me to fix this issue.

Thanks,
Amol Wable

Grid

answered on 03 Mar 2014

8 answers

692 views

Binding to nested array values in TreeView

We are evaluating KendoUI web for use in all of our projects and I am running into an issue (or lack of understanding) with the TreeView Widget.

I am trying to use a MVVM TreeView and I am having issues when binding to nested array values from my template. I created a JSFiddle example for our use in this discussion: http://jsfiddle.net/jsonsee/M8peq/3/

I am dynamically building the tree view, by adding a node and its children with a button click. I want to bind each leaf(child) node to a text value on that node in the MVVM. This seems to work great on the initial load of the tree, but after adding more nodes to the viewModel, the bindings seem to quit working.

This seems to be a lot harder than I feel it should, which makes me think I am missing something.

Can anyone shed some light on this?

Thanks,

Jason

TreeView

answered on 03 Mar 2014

1 answer

342 views

Scheduler not populating with data

I am trying to populate Kendo scheduler using WCF web services. My service is working fine as i checked with "fiddler".
But scheduler is not displaying any data.
My code for scheduler implementation is as follows:
<body>

        <div id="scheduler"></div>

    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
    <script src="Scripts/jquery-2.1.0.min.js"></script>

    <script src="js/kendo.web.min.js"></script>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />

    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script>
        $(function () {

            $("#scheduler").kendoScheduler({
               date: new Date("2014/2/20"),
               startTime: new Date("2014/2/20 07:00 AM"),
                timezone: "Etc/UTC",
                height: 600,
                views: [
                    "day",
                    { type: "week", selected: true },
                   "month",
                    "agenda"
                ],

                dataSource: {
                    batch: true,
                    transport: {
                        read: {
                            url: "http://localhost/WcfServiceSaturday/ServiceSaturday.svc/getapp",
                            dataType: "json",
                            contentType: "application/json; charset=utf-8"
                        },

                        create: {
                            url: "http://localhost/WcfServiceSaturday/ServiceSaturday.svc/insertapp",
                            dataType: "json"
                        },

                        parameterMap: function (options, operation) {
                            if (operation !== "read" && options.models) {
                                return { models: kendo.stringify(options.models) };
                            }
                        }
                    },
                    schema: {
                        model: {
                            id: "taskId",
                            fields: {
                                taskId: { from: "TaskId", type: "number" },
                                title: { from: "Title", type: "string" },
                                start: { type: "date", from: "Start" },
                                end: { type: "date", from: "Ends" },
                                startTimezone: { type: "string", from: "StartTimezone" },
                                endTimezone: { type: "string", from: "EndTimezone" },
                                description: { type: "string", from: "Description" },
                                recurrenceId: { type: "string", from: "RecurranceId" },
                                  recurrenceRule: { type: "string", from: "RecurranceRule" },
                                 recurrenceException: { type: "string", from: "RecurranceException" },
                                ownerId: { from: "OwnerId", type: "number" },
                                isAllDay: { type: "boolean", from: "IsAllDay" }
                            }
                        }
                    },

                },

            });

        });
    </script>

</body>

I am attaching my WCF service file as attachment.

Scheduler

answered on 03 Mar 2014

3 answers

94 views

Kendo UI Grid Server Detail Template Demo Problem

Hi,
When I run the Kendo UI grid server detail template demo downloaded with my trial edition I've noticed a problem. If you open up the detail template for the second customer (Andrew Fuller) then select the 'Go to next page' button on the orders grid that template is closed and the template for the first customer (Nancy Davolio) is opened instead. This doesn't happen for the client detail template demo but I want to use my grid as per the server detail template demo. Is there a work around for this problem?
Regards,
Mark

Grid

answered on 03 Mar 2014

1 answer

112 views

Calculated Column not displaying

Hi,

Can anyone help me with this issue. Thanks (in advance).

The textbox "txtSiteNameList" shows up fine. The "txtSiteNameList" displays nothing.
This is a KendoMobileUI App


<div data-role="view" id="siteListView" data-layout="default" data-title="Sites" data-model="app.sbviewModel">
    <h1>Site List View</h1>
    <ul id="siteList"
        data-bind="source: data"
        data-endlessscroll="true"
        data-template="sitesTemplate"
        data-role="listview"
        data-style="inset"></ul>
</div>


<script id="sitesTemplate" type="text/x-kendo-template">
    <input type="text" id="Status" data-bind="value: IsOpen" />
    <input type="text" id="txtSiteNameList" data-bind="value: SiteName" />
</script>

/*DATA SOURCE*/
var app = app || {};

app.sbdataSource = new kendo.data.DataSource({
     transport: {
         read: {
             dataType: "json",
             url: "http://localhost/SbApp/SbService.svc/GetListSites",
             data: {
                 Accept: "application/json"
             },
             autoSync: true,
             schema: {
                 model: app.sbModel
             }
         }
     },
});

/*VIEW MODEL*/
app.sbviewModel = kendo.observable({
    data: app.sbdataSource,
});

/*MODEL*/
app.sbModel = kendo.data.Model.define({
    id: "SiteID",
    fields: {
        SiteID: { type: "string" },
        SiteName: { type: "string" },
        SiteSymbol: { type: "string" },
        StreetNumber: { type: "string" },
        Street: { type: "string" },
        City: { type: "string" },
        Notes: { type: "string" },
        Status: { type: "string" },
        Latitude: { type: "string" },
        Longitude: { type: "string" }
    },
    IsOpen: function () {
        return "My Return Value";
    }
});

Data Source

answered on 03 Mar 2014