Questions on Kendo UI for jQuery Forum

9 answers

562 views

Making Datasource requests after leaving grid view

I am using MVC5 and razor views with a kendo grid using ajax. I generate a IEnumerable list of data for the grid. When user hits button on grid the controller gets notified and opens up an edit view for the row that was clicked.

What i want to be able to do is send data to that edit view so that it can move to next or previous record in the dataset that was in the grid. I have achieved this by sending the id data from the displayed rows to the edit view via Viewbag. I was able to learn how to send the viewsource data in the grid to the controller from this thread

however if you hit "next" and get to the record which was the last row in the original grid, i want to be able to execute my own datarequest to grab another page of data, intercept that data and just parse out the row id information to use for additional next/prev activities.

i am stuck in figuring out how to make a new request on the original datasource now that i am not in the same view page.

is this possible?

Data Source

answered on 06 Mar 2015

1 answer

182 views

Bug: task can be moved to other task as child even if "preventDefault" method is called in "moveStart" event handler.

Hello,
I found another issue. Task can be moved to other task as child even if "preventDefault" method is called in "moveStart" event handler.
Link with the example. Task with name "First task" can not be moved in graphical part of the Gantt (and message is logged to browser console), but it can be moved in grid part of the Gantt to other task as child. What event(s) is (are) fired when user moves task in grid part of the Gantt and how to prevent such type of task moving?

Gantt

answered on 06 Mar 2015

2 answers

258 views

Shared DataSource Grid-Chart

Hi!
On my mobile app, I'm using pairs of Charts and Grids with Shared DataSource. In one case I have a lot of records, and I wish to make the Grid pageable. I did that, i also set pageSize for DataSource, but the problem is the Chart is now pageable too. (There's no server paging, all the data is retrieved at once). On the Chart I want to see all the records represented and not by page.

this.ds = new kendo.data.DataSource({
transport: {
read: {
url: this.url,
dataType: "json"
}
},
pageSize: 10
});

this.ds.read();

$("#chartDmaAMinNghtFlw").kendoChart({
autoBind: false,
dataSource: this.ds,
series: [
{
name: "AAA",
type: "line",
field: "AAA",
}
],
categoryAxis: {
field: "BBB"
}
});

$("#gridDmaAMinNghtFlw").kendoGrid({
autoBind: false,
dataSource: this.ds,
scrollable: false,
sortable: false,
filterable: false,
pageable: {
pageSize: 10,
pageSizes: [10,20,30,40,50,365]
},
columns: [
{ field: "AAA", title: "AAA"},
{ field: "BBB", title: "BBB"}
]
});

Charts

answered on 06 Mar 2015

1 answer

217 views

Questions about creating new task.

Hello,
I have several questions regarding adding new task.

1) When I double click task html "window" (pop up) is displayed for editing task title, start/end dates and percent complete fields of the task.
I want to display this "window" when I click "+ Add task" button. How can I do this? My goal is to force user to create new task via filled form instead of adding task automatically with "New task" title.

2) How can I handle clicking "Save" button of the "window"? When user fills the form from question 1 I have to run some script to create new task.

3) I want to customize the "window". How to add one additional drop down list (html tag "select") with predefined options?

4) How to hide "Delete" and "Save" (leave only "Cancel") buttons on the "window" for some tasks (not for all, condition for hiding is determined using task custom properties)?

Gantt

answered on 06 Mar 2015

1 answer

203 views

Give rowTemplate and detailTemplate for Grid

Hello,

If I give both rowTemplate and detailTemplate, the columns are pulling to the left making the expand collapse button invisible.

I want textbox in rowTemplate. How can I use both without any errors. Here is my code

function BindGrid(dataSource) {
$("#grid").kendoGrid({
dataSource: dataSource,
pageable: false,
scrollable: false,
detailTemplate: kendo.template($("#template").html()),
detailInit: detailInit,
dataBound: function () {
this.expandRow(this.tbody.find("tr.k-master-row").first());
},
columns: [
{ field: "Id", hidden: true },
{ field: "Name", title: "Name" },
{ field: "Read", title: "Read" }
]
});
}

Grid

answered on 05 Mar 2015

2 answers

101 views

SPA Template Probnlem

Error 1 This project references NuGet package(s) that are missing on this computer. Enable NuGet Package Restore to download them. For more information, see http://go.microsoft.com/fwlink/?LinkID=317567. C:\--- telerick ---\KendoUISpaTemplateMVC51\KendoUISpaTemplateMVC51\KendoUISpaTemplateMVC51.csproj 866 5 KendoUISpaTemplateMVC51

Any ideas?

Mike

General Discussions

answered on 05 Mar 2015

6 answers

139 views

[Solved] Kendo Mobile - Binding not working for input="time"

Hi, I'm developing a mobile app with Kendo.

When I try to use an input with type="time", the bindings do not appear to work with it.
Specifically, I'm only trying to use the "value" binding.

<input type="time" data-bind="value: timeSpent" />

Does someone know if this type of input is not supported? If that's the case, any time picker control that you can recommend?

Thanks.
Gonzalo

MVVM

answered on 05 Mar 2015

3 answers

246 views

How to set the error template of a validator with Angular

Hi,

I am trying to display my validation as a tooltip and I found how to do this by setting the error template of the validator. If I set the error template with jquery the validation message appears as a tooltip, but when I set the error template in the controller the validation message does not appear as a tooltip. See my example for details.

What am I doing wrong in the controller?

Validation

answered on 05 Mar 2015

11 answers

898 views

[Solved] panel bar not collapsing

Basically what I'm trying to do here is expand and collapse two panels when one panel is expanded and collapsed.



The flyer panel bar expands just fine when the order panel bar is clicked.



However, the second time through, when the order panel bar is clicked and collapses, the flyer info panel bar does not also collapse.



I've looked through the javascript console, no errors are coming up and I've stuck an alert in the collapse portion which pops up, but still it does not collapse.



What else can I try to get these two panel bars in sync as far as when they expand and collapse?



$(

"#orderInfoPanelBar>li").on('click', function (e) {

var flyerInfoPanelBar = $("#flyerInfoPanelBar").data("kendoPanelBar");

var orderInfoPanelBar = $("#orderInfoPanelBar").data("kendoPanelBar");

/* Expand the flyer panel bar if it is not already expanded */

if (flyerInfoPanelBar.element.children("li").hasClass("k-state-active") != true) {

//var panelBar = $("#flyerInfoPanelBar").data("kendoPanelBar");

$("#flyerInfoPanelBar").data("kendoPanelBar").expand($("#li_flyerInfo1"));

$("#flyerInfoPanelBar").data("kendoPanelBar").select($("#li_flyerInfo1"));

}

/* Collapse the flyer panel bar if the order panel bar is being collapsed as well */

if (orderInfoPanelBar.element.children("li").hasClass("k-state-active") == true &&

flyerInfoPanelBar.element.children("li").hasClass("k-state-active") == true) {

$("#flyerInfoPanelBar").data("kendoPanelBar").collapse($("#li_flyerInfo1"));

}

});

PanelBar

answered on 05 Mar 2015

1 answer

159 views

Multiple drag/drop from listview works on all browsers but IE

i have an example on plunker here:
http://plnkr.co/edit/FdMjVVLVHRcpHTCjhsT6
that runs fine on chrome (select multiple rows in the lower listview, then drag it to the top listview), but does NOT work at all in IE. Should i be doing something different? Or will this require a change in the kendo scripts?

Drag and Drop

answered on 05 Mar 2015