Questions on Kendo UI for jQuery Forum

1 answer

171 views

Hi there

I'm trying to use the offlineStorage key to cache lookup tables and bind to a dropdownlist and it doesn't seem to populate on the first load. Subsequent page loads use the offlineStorage key fine. Below is a snippet of the code I'm using. Would anyone have any ideas how I might proceed?

Thanks

Steven

<input type="text" id="Status" />

<script>

var statusDataSource = new kendo.data.DataSource({

type: "odata",

offlineStorage: "statusStorage",

transport: {

read: { url: "/FoodIncidentsModelService.svc/lkupStatus", dataType: "json", type: "get" }

},

serverSorting: true,

sort: { field: "text", dir: "asc" },

schema: {

data: function (response) {

var dataArray = null;

if (response.d) {

dataArray = response.d.results;

}

else {

dataArray = response;

}

return dataArray;

}

});

if (localStorage.getItem("statusStorage") === null) {

console.log("Retrieving from database");

statusDataSource.fetch();

}

var locate = JSON.parse(localStorage.getItem("statusStorage"));

console.log(locate);

$("#Status").kendoDropDownList({

dataTextField: "text",

dataValueField: "value",

dataSource: locate

}).data("kendoDropDownList");

Data Source

answered on 12 Nov 2015

5 answers

216 views

e.XMLHttpRequest.setRequestHeader onRemove Event

Hello, I am sending data (onUpload event) to webapi, for example:

function onUpload (e) {
e.XMLHttpRequest.setRequestHeader(key, value);
}

Also, I need to send another data when the file is removed (onRemove event), but the paramater "e" in this event doesn't have the object XMLHttpRequest, that why, I can not use the function e.XMLHttpRequest.setRequestHeader(key, value);

I am using the latest version of Kendo UI Controls

What is your suggestion?

Upload

answered on 12 Nov 2015

6 answers

192 views

Set title in show-before doesn't work

Hello,

since 2015 Q3 i cannot set the title in a show-before function.

example

With 2015 Q2, it works as expected.

Kind regards

NavBar

answered on 12 Nov 2015

1 answer

121 views

Template returns name of template?

I have a template that returns the name of the template when loaded.

<div><ul id="inspectionlist"></ul></div>

<script id="attachment-template" type="text/x-kendo-template">

<table class="instable">

<tr class="insrow">

<td class="inscell1"><label>#: RiskAssessment #</label></td>

<td class="inscell2"><label>#: AreaDescription #</label></td>

<td class="inscell3"># if (HasAttachments) { # <a data-role="button" data-click="onClick">VIEW</a> # } #</td>

</tr>

</table>

</script>

var ourList = e.view.content.find("#inspectionlist");

ourList.kendoListView({

template: 'attachment-template',

style: "inset",

dataSource: new kendo.data.DataSource({

type: 'everlive',

transport: {

typeName: 'dbo_Inspection'

},

schema: {

model: {

id: Everlive.idField,

fields: {

'RiskAssessment': { type: 'number' },

'AreaDescription': { type: 'string' },

'HasAttachments': { type: 'boolean' },

'StatusDescription': { type: 'string' },

'CompanyId': { type: 'number' }

}

},

serverFiltering: true,

filter: {

logic: "and",

filters: [

{ field: 'CompanyId', operator: 'eq', value: sessionStorage.CompanyId },

{ field: 'StatusDescription', operator: 'eq', value: 'Open' }

]

},

serverSorting: true,

sort: { field: 'AreaDescription', dir: 'asc' }

})

});

What returns looks like the following:

attachment-templateattachment-

templateattachment-templateattachment-

Can I assume I have something wrong with the template and if so could someone point it out.

Thanks

Templates

answered on 12 Nov 2015

7 answers

3.1K+ views

[Solved] DropDownList closes when setting "filter" option

Hi,

When i set the "filter" option in the DropDownList, the dropdown closes as soon as i click it !
You can see the issue here jsFiddle
Commenting the filter line solves it, but i need the search

Thanks.

DropDownList

answered on 12 Nov 2015

1 answer

108 views

[Solved] background areas

The valueAxis is a percentage value.

Is it possible to give the whole chart a red background color for the region below the 20% range?

Charts

answered on 11 Nov 2015

3 answers

157 views

[Solved] Pager on Grid displays out of line on smaller screens/resolutions

I have been trying to figure out this bug for several hours now and just can't seem to figure out what the issue is. I am using the Kendo UI Grid to display some items. The pager at the bottom works perfectly fine on any screen resolution above 1024px. But once it hits or goes below 1024px, the actual button to select the page your on drops down a line below the rest of the buttons.

I have inspected element on it and tried to change a ton of different style properties for it but none seem to work. I have attached screenshots to this thread. The first attachment is of it working properly on screens greater than 1024px wide. The second attachment is of it broken when the screen resolution is <= 1024px.

Hopefully someone has run into this problem before and can help me out. It's driving me insane!

Grid

answered on 11 Nov 2015

1 answer

222 views

Calendar translation with messages

Hi,

For applying translation for calendar, how can we translate the month and week names using messages

kendo.ui.<Widget-name>.prototype.options.messages =

$.extend(true, kendo.ui.<Widget-name>.prototype.options.messages,{"<message-name>": "<translation",//...});

Why I am preferring messages is I already have names translated files in my project, planning to use the same instead of having duplicate sources.

could any one please help me, Thanks in advance.

Regards,

Ramesh

Calendar

answered on 11 Nov 2015

16 answers

1.1K+ views

[Solved] Sortable including Inputs Issue

If the items being sorted are <input> they seem to become unclickable/editable, you can get to the with the tab key but not the mouse. Is this expected behavior or is there a way to keep inputs or other widgets being sorted from being unreachable with the mouse?

Note: we plan to have several kinds of form inputs in our sortable sections not just input elements, this is only a first test run using sortable so far...

Here is the basic structure we are sorting if it helps:
div (sortable container)
     div (repeating sortable item)
            button (handler)
            (some inputs and images, inputs can only be accessed with tab key when kendoSortable is applied)

Herre is a telerik dojo example of the behavior:
http://trykendoui.telerik.com/ASeD

Sortable