Questions on Kendo UI for jQuery Forum

0 answers

355 views

Q1'14 Release - Missing TypeScript definitions

The Kendo UI Team has identified a problem with the TypeScript definitions in all Kendo UI Q1 2014 distributions.

We have identified the root cause of the problem and all following releases, including internal builds, will be free of this defect.
Corrected definitions are also available for download as attachments to this post.

Please accept our apologies for the caused inconvenience.

General Discussions

asked on 19 Mar 2014

1 answer

602 views

How can we set the column properties dynamically

Hi,

I am binding dynamic data to kendo ui grid without defining schema. I have to set the column's title,type,sortable options dynamically. i tried to fetch the columns using
grid.columns option in databound event. but what are the changes i made in databound event are not reflecting to the grid.

i am defining the grid as below:

$("#grid").kendoGrid({
dataSource: {
transport: {
read: {
url: urlPath,
type: "POST",
data: {
count: function () { return $('#txt_no').val(); },

}

}
}

Please give a suggestion in which event i should set the column properties dynamically .

Thanks,
Raj Yennam

Grid

answered on 19 Mar 2014

4 answers

440 views

[Solved] Scheduler table color for "Today"

Hi,

How can I change the background color of the scheduler table for "Today"? I'm using the bootstrap theme, so the background color of "Today" is gray-ish. I like it to be the same color as a normal day.

Kind Regards,

Marco

Scheduler

answered on 19 Mar 2014

1 answer

75 views

Compatibility problem with ie7

Hi

I need to be compatible with ie7.
If i change the week displayed in the scheduler i get an error in kendo.web.min.js but only if i'm emulating ie7.
It's a compatibility problem?

Scheduler

answered on 19 Mar 2014

7 answers

208 views

[Solved] if need "Id" for "Selectable" then where is it hiding?

I am beside myself trying to do something that should be simple and is available in other grids I have worked with. I want to know the "Id" of the item that was used to populate a row in the grid. I have to provide that value if I want to use the "Selectable" option so where is it hiding? I need to know that value when the user selects a row. Here is my definition of the grid.

@(Html.Kendo().Grid((IEnumerable<MyRecordType>)Model)

.Name("rawdatagrid")

.Columns(columns =>

{

columns.Bound(session => session.Time).Width(100);

columns.Bound(session => session.Glucose).Width(50);

columns.Bound(session => session.TestEvent).Width(100);

})

.Scrollable()

.Sortable()

.Resizable(resize => resize.Columns(true))

.DataSource(dataSource => dataSource

.Server()

.Model(model => model.Id(p => p.Id))) // DataSource "Id" required for "Selectable"

.Selectable(selectable => selectable

.Mode(GridSelectionMode.Single)

.Type(GridSelectionType.Row))

.Events(events => events.Change("onEventChange"))

)

Here is my event handler for the "Change" event from the grid. The selectedText concatenates all of the cell values in a row which is very difficult to extract my "hidden" column value from. The index value changes if you sort. I've tried several of the different ways I saw from other threads on this board but they don't work for me.

function onEventChange(arg) {

//var grid = $("#rawdatagrid").getKendoGrid(); // this is better than the next line

var grid = $("#rawdatagrid").data("kendoGrid");

var selectedItem = grid.select();

var selectedText = selectedItem.text();

var index = selectedItem.index();

debugger;

}

What am I missing? Where is my "Id" value? I can't believe a product as great as Kendo UI can't do something basic like this.

Grid

answered on 19 Mar 2014

1 answer

281 views

parameterMap - "type" parameter is undefined on nested datasource

Hi,

I am using parameterMap function in HierarchicalDataSource. At root level everything works as expected. But when it is called from nested datasource, then "type" parameter is undefined. I need mapping only for "create" request.

My treeview definition with datasource looks like this:

$("#tree").kendoTreeView({
dragAndDrop: true,
dataSource: {
transport: {
read: {
url: '@Url.Action("Read", "TreeView")'
},
update: {
url: '@Url.Action("Update", "TreeView")',
dataType: 'json',
type: 'POST'
},
create: {
url: '@Url.Action("Create", "TreeView")',
type: 'POST',
contentType: "application/json; charset=utf-8",
dataType: 'json'
},
parameterMap: function (data, type) {
if (type == "create") {
return JSON.stringify(data);
}
return data;
}
},
schema: {
model: {
id: "Id",
hasChildren: "HasChildren"
}
}
},
dataTextField: 'Name',
drop: onTreeviewDrop,
drag: onTreeviewDrag
});

Thanks for any help!

Hierarchical Data Source

answered on 19 Mar 2014

1 answer

76 views

Disallow 3-digit year in kendo.dateParse()?

Wondering if there is a way to impose some sort of strict parsing so the following will be considered invalid instead of parsed into a future date:

kendo.parseDate('02/02/201', ['MM/dd/yy']); // Parsed into Sun Feb 02 2020 00:00:00 GMT-0800 (PST)

Thanks!

Validation

answered on 19 Mar 2014

1 answer

146 views

Combobox read from Datasource

Hi,
   I have a multiple kendocomboboxes on a page which are not cascaded. I have a datasource as below.

      var dataSource = new kendo.data.DataSource({
              dataType: "jsonp",
              customDataField: "ChangeParameters", //AutoCompleteDetails[index][2],
             serverFiltering: true,
             transport: {
                  read: onAutoComplete
             }
     });

When I type something in the comboboxes the onAutoComplete function is called correctly. The only issue I have is I am unable to find the combobox which triggered this.I am totally stuck over here. Please help.

Regards
Vijay

ComboBox

answered on 19 Mar 2014

1 answer

92 views

Show Handler Lost Inside of Popover

Hello,

Are view events handled differently for views that are children of popovers? I set up the following PopOver. The PopOver is opened by a function in the underlying view from code, passing a valid target. It works consistently, meaning the popover can be opened and closed over and over with no problems. However, the function "popupshow" defined in the view's data-show attribute is only called the first time the PopOver is opened. In the debugger, I have verified that the view's show function is still pointing to the correct function - it is just not called ever again after the first open.

Here is the popover:

<div id="login-popover" data-role="popover" data-popup='{ "height": "220", "width": "250" }' data-close="reset">

<div data-role="view" data-title="Login" data-model="logins" data-init="logins.popupinit" data-show="logins.popupshow">

<div id="login-wrapper" data-role="content">

<form id="login-form">

<input type="email" id="username" data-bind="value: info.username" placeholder="EMAIL"/>

<input type="password" id="pwd" data-bind="value: info.password" placeholder="PASSWORD"/>

<div>

<span class="k-invalid-msg" data-for="username"></span>

</div>

<div>

<a data-role="button" data-click="login">Login</a>

<a data-role="button" data-click="register">Sign Up</a>

</div>

</form>

</div>

I open using this call:

$("#login-popover").data("kendoMobilePopOver").open("#valid-element");

and close with either this call:

$("#login-popover").data("kendoMobilePopOver").close();

or by simply tapping outside of the PopOver. The "reset" function in the data-close does nothing but change the class of an unrelated visual element. The "reset" is called consistently, too, no matter how many times the popover is opened. Only the show goes away. Any ideas would be appreciated.

Thank you,

Kelly

PopOver (Mobile)

answered on 19 Mar 2014

1 answer

156 views

Bug in drawer's animation

This is something easier to show than to explain. Take a look at the video https://www.youtube.com/watch?v=ukW-2cUrGJM

I mean to say "display:none" css in the video :)

The gist: quick swiping creates a new transition before the current one completes, so onEnd event fires and hides the drawer in its open state.
It is quite possible that quickly clicking the drawer button gives the same effect, but it is much hard to get since the button is moving during the transition.

this.transition = new Transition({

axis: AXIS,

movable: this.movable,

onEnd: function() {

that._transitioning = false;

if (movable[AXIS] === 0) {

element[0].style.cssText = "";

that.element.hide();

}

});

Drawer (Mobile)