Questions on Kendo UI for jQuery Forum

1 answer

455 views

Export kendo Grid to Html, Textfile and word format

Ticket Description:

I have the requirement to export the kendogrid details to html ,textfile and worddocument using 3 external html buttons in MVC/razor.
I have attached the screenshot of the kendogrid with the expected output in html, textfile and word formats .
Please guide me to export the details from kendo grid.

These are screenshots with description.
1)KendoGrid(MVC razor).png - Kendogrid
2)Expected output in html format.png - Expected output from kendogrid in html format
3)Expected output in textfile format.png - Expected output from kendogrid in text format
4)Expected output in word format.png - Expected output from kendogrid in word format

Thanks,
Mayil (on behalf of Jeremy Thompson)

Grid

answered on 07 Aug 2013

1 answer

175 views

Month View bug - If no day view

If you configure the scheduler to only support WEEK, MONTH and AGENDA view and have more than 3 items on a single day of a month, then the Month control still renders the little "3 dots button" at the bottom. This is supposed to take the user to the DAY view, however since the day view is not enabled it does nothing. Ideally, this would not show up if day view is disabled.

Digging deeper, the lack of a day view is not the only issue...

kendo.all.js - line 57137

It appears that the "_viewNavigateHandler" is NOT bound if the view is marked as not editable. This seems to be a bug to me... I want a READ-ONLY view, but this view should certainly support intra-view navigation.

My temporary fix was to move lines 57168 to 57179 outside the if (that.options.editable) { check.

Scheduler

answered on 07 Aug 2013

1 answer

70 views

Heads Up Display "HUD"

Our MVC web site can start off long running tasks. We'd like a HUD to appear, grey out the screen modaly and have a spinning ball.

Is there a tool in Kendo that could do something like this ? "Window" is close, but too visually complex for a HUD.

General Discussions

answered on 07 Aug 2013

1 answer

78 views

AJAX data coming thru, but not showing up

I'm using MVC Complete and am trying to get my first chart up and running. The output of the MVC Extension in the browser is

jQuery(function(){jQuery("#programSpend").kendoChart({"title":{"text":"Program Spend"},"legend":{"position":"bottom"},"series":[{"name":"Sum of Spend","type":"line","field":"Series1Data"}],"categoryAxis":[{"labels":{"rotation":-90},"field":"Category"}],"valueAxis":[{"labels":{"format":"{0:N0}"},"line":{"visible":true}}],"dataSource":{"transport":{"prefix":"","read":{"url":"/ChartJson/ProgramSpend","type":"POST"}},"type":"aspnetmvc-ajax","schema":{"model":{"fields":{"Category":{"type":"string"},"Series1Data":{"type":"number"}}}}},"tooltip":{"format":"{0:N0}","visible":true}});});

and the AJAX method is being properly fired and here is the resulting data.

{"Data":[{"Category":"Dec - 13","Series1Data":29994974.40},{"Category":"Jan - 13","Series1Data":40317364.19},{"Category":"Feb - 11","Series1Data":46536492.18}]}

I'm not sure what the problem is here since it all looks right to me.
Thanks in advance for any assistance.

Charts

answered on 06 Aug 2013

10 answers

191 views

Cannot open popOver or modalView from Splitview

To reproduce
Add splitview + headers + buttons in headers
connect buttons to popOver and splitView
they do not open.

SplitView

answered on 06 Aug 2013

1 answer

158 views

Filtered data count

Hi,

I am filtering the data-source of a listview as follows...

function filter(){
var listView = $("#SubFolderList").data("kendoMobileListView");
listView.dataSource.filter({ field: "ItemName", operator: "contains", value: SearchValue });
if(// the count after filter ==0){
//i want to hide a div
}
else{
//show the div
}
}

How to get the count of the filtered row?

Thanks,
Amrutha

General Discussions

answered on 06 Aug 2013

1 answer

416 views

Datasource Single item override DataSource.GET(id)

I have DataSource like this:

var contactDataSource = new kendo.data.DataSource({

transport: {

tbl: azureService.client.getTable('CRContact'),

read: function (options) {

this.tbl.read({ SearchString: options.data.filter.filters[0].value}).done(

function (d) {

options.success(d);

}, function (err) {

options.error(err);

});

}

serverFiltering :true,

schema: {

model:

{

id: "id",

}

I need so when i use datasource.get(4) to call this example

this.tbl.lookup(idThatISendAsParameter).done(function (result) {

}, function (err) {

})

how can i override the get function.

Sorry for my bad English.

Data Source

answered on 06 Aug 2013

1 answer

625 views

DatePicker not updating rightaway when invoking max() or min() - with jsbin

We have the requirement to provide a dynamically changeable date picker that supports changing the min and max options.

Please see this jsbin for an example: http://jsbin.com/uqukuk/1/edit

When you click the "Increase Max Date" button, the max option of the first date picker is adjusted. However, when I open the popup it still shows the old value. Only after I opened the second date picker once (this one is only on the screen to showcase this) I can see the changes in the first one.

So, to summarize:
1. Click "Increase Max Date"
2. Open first date picker popup
3. Expected: MaxDate of Aug. 29th, Actually seeing: still the old max value of Aug. 22nd

1. Click "Increase Max Date"
2. Open the second date picker popup
3. Click away without selecting anything
4. Open the first date picker popup
5. Now the max is correctly adjusted

Date/Time Pickers

answered on 06 Aug 2013

1 answer

490 views

Custom Command and Ajax Binding

@(Html.Kendo().Grid<TrainingVideo>()

.Name("grid")

.Columns(columns =>

{

columns.Bound(x => x.Name);

columns.Bound(x => x.Description);

columns.Bound(x => x.LastUpdateDate);

columns.Command(commands => commands.Custom("EditVideoCommand")

.Text("Edit")

.DataRouteValues(route => route.Add(o => o.VideoUID).RouteKey("videoId"))

.Action("EditSelectedVideo", "Home"));

columns.Command(commands => commands.Custom("DeleteVideoCommand")

.Text("Delete")

.DataRouteValues(route => route.Add(o => o.VideoUID).RouteKey("videoId"))

.Action("DeleteSelectedVideo", "Home"));

columns.Command(commands => commands.Custom("ReplaceVideoCommand")

.Text("Replace")

.DataRouteValues(route => route.Add(o => o.VideoUID).RouteKey("videoId"))

.Action("ReplaceSelectedVideo", "Home"));

}).DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("VideoListRead", "Home"))

).Pageable().Sortable()

I have a Ajax bound grid and it is working fine when I do not have custom commands as part of my columns. If I use custom commands, I see an empty page
and no grid is displayed. May be because of an error. Could you please let me know how to use custom commands on Ajax bound grid.

Grid

answered on 06 Aug 2013

1 answer

204 views

DatePicker and MVVM initialization via data- attributes (data-min and data-max)

According to threads in this forum from about a year ago setting the min and max attributes on the Date/Time pickers was not possible using the data-min and data-max attributes. I have tried a few things and none of them worked. Telerik representatives stated this was planned for a future release. Is this currently possible and I have been trying it incorrectly? If not, is there actually a planned release that this functionality will be included in?

http://www.kendoui.com/forums/kendo-ui-web/date-time-pickers/can-you-set-min-max-using-data-attribute-initialization.aspx

Date/Time Pickers

answered on 06 Aug 2013