3 answers

149 views

Datetime Picker default behavior is causing a slight twinge of confusion in my users

I have watched my users use the DateTime Picker and have noticed that they are slightly confused by its default UI behavior. I'd like to make a case for a small tweak, for better intuitiveness.

Recommendation: the selected date should be forgotten, not remembered, when the user clicks on the header and chooses a different month from the list of months.

We are using the DateTime Picker to pick a day, which triggers some other action. Nothing special. The day cell style shows that is has been chosen. However, when the user clicks on the header and chooses a different month, any previously chosen day number is remembered. If the previous selection was May 3rd, when the user changes to December, the 3rd will be selected. The cell style shows it. This pre-selection causes users to pause every time. They wait for the desired selected-date behavior to occur because they see the visible sign that a selection has occurred. Then they realize it is a default and click on a date.

Not a big problem, just a small hitch in the step.

Thanks

DatePicker

answered on 01 Mar 2013

1 answer

277 views

Response of Button click is very slow

Hi,
I am creating a customized kendo alert box in which i am adding DOM elements dynamically.The response of the kendo button click which is created dynamically is not up to the mark in safari and chrome browser of iPhone device. In android browser the button click event is not working.
PFA the file.

Button (Mobile)

answered on 01 Mar 2013

2 answers

547 views

Save row on leaving row focus

I have a hierarchical grid but i first have to save the parent before adding child records. But you can open the child view even if the parent isn't saved yet. Does anyone has a solution? Catch an onrowleft event or something?

Thanx

Grid

answered on 01 Mar 2013

4 answers

298 views

Override the close() method of a modalView

Hello everyone, I would like to override the close() function of a modalView. What I need is to do something first before it closes.

Here is what I am trying to do:

var modalView = $("#modalview-menu").data("kendoMobileModalView");
modalView.close = function () {
// do something...
...
// then close it.
}

Thanks!

ModalView

answered on 01 Mar 2013

1 answer

745 views

How do I bind an event to AFTER remove in the kendo grid?

I've got a kendo grid where I need to fire a function AFTER the destroy command is completed for row. I know that the 'remove' event on the grid fires before it happens, is there any way to capture the event after completion?

Thanks

Grid

answered on 01 Mar 2013

2 answers

275 views

Get the numeric pad when focused on the numeric field + IPAD

Hi,

Is it possible to get the numeric pad when user clicks on a kendo numeric text field? like <input type="number"> in HTML5.
even I set the input field to be type number, when I wrap it with kendo numeric field it converts to type text.

Regards
Shivanka

NumericTextBox

answered on 01 Mar 2013

2 answers

225 views

[Solved] How to select??

The kendo listview documentation says that you can pass in a selector or an array. An array of what?

I have a complex kendo grid that is using inline custom editors based on information in the row. This all works great, EXCEPT for the listview I'm adding.

Given something like this (I'm using underscore js by the way), how do I select the list items using javascript?

function createListViewEditor(container, options) {

var list = _.find(_viewModel.model.LookupListCollection, function(x) {

return (x.Id == options.model.StagingControlStageAttributeLookupCollectionId);

});

var listItems = [];

_.forEach(list.LookupValues, function(x) {

listItems.push({ text: x.CustomName, value: x.Id });

});

var lvSource = new kendo.data.DataSource({

data: listItems

});

var listView = $('<div />')

.appendTo(container)

.kendoListView({

dataSource: lvSource,

selectable: "multiple",

template: kendo.template($('#multiselecttemplate').html())

}).data("kendoListView");

var indices = multiListSelectionHelper(listView.dataSource.data(), options.model.AttributeFieldValue.split(','));

listView.select(indices);

listView.bind("change", function(e) {

var data = e.sender.dataSource.view(),

selected = $.map(e.sender.select(), function(item) {

return data[$(item).index()].value;

});

options.model.AttributeFieldValue = selected.join();

});

}

function multiListSelectionHelper(options, current) {

var items = [];

_.forEach(options, function (x) {

_.forEach(current, function(y) {

if (x.value == parseInt(y)) {

items.push(x);

}

});

return items;

}

ListView

answered on 28 Feb 2013

6 answers

905 views

DataSource JSONP random callback function name

I write only super high performance RESTful services that support both If-Modified-Since and If-None-Match request headers for data services. Your randomization of the JSONP callback function name is killing my performance because it's making each subsequent request to the service random rather than static. I don't see a way via configuration to make the JSONP call static and/or programmable. Any suggestions?

Data Source

answered on 28 Feb 2013

1 answer

258 views

Treeview Static Root Node

I'm trying to create a tree with a static root node that has all children populated from an ASP.NET WebMethod.

I saw a similar example when I searched the forums, but I can't get it to work at all. Below is the code I'm testing with. Any help is appreciated. Thanks!

ds = new kendo.data.HierarchicalDataSource({

data: [

{ FolderName: 'Documents', hasChildren: true, expanded: true }

],

schema: {

data: 'd',

model: {

id: 'FolderID',

hasChildren: 'HasChildren',

children: {

transport: {

read: {

url: 'Home.aspx/GetTreeNodes',

type: 'POST',

contentType: 'application/json; charset=utf-8',

},

parameterMap: function(data, operation) {

return JSON.stringify({ RootFolder: 'Documents' })

}

});

TreeView

answered on 28 Feb 2013

1 answer

131 views

[Solved] Cascading with dropdownlist

Hi.

I have reviewed the documentation dropdownlist and I have not been able to resolve the following situation:

My web service returns me a JSON object of the form as shown in the image. As you can see is what companies have branches and my json object already has reinforced that. But I tried to do with the dropdownlist and yet I can not. Only companies achieving load but not the children belonging to them. This is my code:

HTML

<div id="selectMenu" data-role="view" data-title="Emp-Suc" data-init="selectInit">

<div data-role="header">

<div data-role="navbar">

<a data-role="backbutton" href="#:back" data-align="left">Atras</a>

Emp-Suc

</div>

<ul data-role="listview" data-style="inset">

<li>

Compañia

<select id="company">

</select>

</li>