Questions on Kendo UI for jQuery Forum

2 answers

364 views

Is there a way to scroll the view of the application to the top?

I'm not talking about the Scroller control, but the view itself. My application loads content from the server and displays it using templates. The show_page.html looks something like this:

<div data-role="view" id="page_side" data-show="js_page_side">

<div id="foo"></div>

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

<h1>#= overskrift #</h1>

<p>#= ingress #</p>

<div class="brodtekst">

#= brodtekst #

</div>

</script>

</div

>

<script>

function js_page_side() {

datakilde_sider.query({filter: {field: "id", operator: "eq", value: window['globalvar_vis_side_id'] }});
$("#foo").html(kendo.render(sidetemplate1, datakilde_sider.view()));

//(Here there should be something forcing the view to scroll to top)
}

</script>

It works great, except if the user is viewing a large page, and has scrolled down - then goes back to the menu and selects a new site to view. show_page.html is shown once again, the new content is loaded through the js_page_side() function. It all works - but this new content is now shown already scrolled down to the position the user was before.

Any ideas?

General Discussions

answered on 30 Aug 2013

8 answers

277 views

TabStrip does not work with float

How can you have two columns of content inside of one tab in a tabstrip?

Float - breaks the tabstrip control (the red box surrounding the tab closes and your content appears below it).

Inline container of block elements - This technique inside of a tab simply puts all to block.

You can see the problem by simply adding html elements to the sample.

UPDATE: SOLVED.

I discovered that this, amongst other problems with the tabcontrol go away once you set the height.
You must set the height of tab for each tab seperately in the tabcontrol (note: you should also set the height of grid if using grid control) controls in order for the inner contents to render properly.

TabStrip

answered on 29 Aug 2013

2 answers

555 views

MVC Grid Ajax paging not working

I have a generic partial view that I want to use for all of my Grids. The Model for the partial view it a Report object. The Report object has a DataTable property that contains the Grid's data source. The Report is also handling its own pages, page size, filtering, sorting, and grouping. The Ajax call is returning with the correct total number of records and I know that the Report.Query.PagedResults has the correct data. However, when the DataTable is passed to the extension "ToDataSourceResult()" the Data comes back without the data provided in the PagedResults. It's just an empty dictionary. This causes the grid to change pages but the data is missing, only the first page ever has data. Can you provide me with some guidance on what I might be missing?

_GridPartialView

@model GridReport

@using System.Data;

@using MVCReportingConcept.Reports;

<div id="report" class="chart-wrapper">

@(Html.Kendo().Grid(Model.QueryResults)

.Name(Model.Name)

.EnableCustomBinding(true)

.Columns(columns =>

{

foreach (DataColumn col in Model.QueryResults.Columns)

{

columns.Bound(col.ColumnName);

}

})

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.DataSource(dataSource => dataSource

.Ajax()

.Total(Model.Query.TotalRecordCount)

.Read(read => read.Action("ReadGrid", "Home", new { reportId = Model.ReportId }))

.PageSize(Model.PageSize)

)

</div>

Controller Ajax Action (the comments are other failed attempts to get it to work)

public ActionResult ReadGrid([DataSourceRequest] DataSourceRequest request, int reportId)

{

GridReport report = (GridReport)ReportBuilder.BuildReport(reportId);

report.Refresh(request.Page, request.PageSize);

DataSourceResult ds = report.Query.PagedResults.ToDataSourceResult(request);

//ds = report.QueryResults.ToEnumerable().ToQueryable().ToDataSourceResult(request);

//ds.Data = report.DataSourceResult.Data;

ds.Total = report.Query.TotalRecordCount;

return Json(ds);

}

Grid

answered on 29 Aug 2013

1 answer

112 views

How to implement shaded patterns in kendo charts?

Is it possible to implement shaded patterns in kendo chart as highlighted in the attachment?

If yes, can you guys provide us any solution?

Charts

answered on 29 Aug 2013

1 answer

287 views

How do I programmatically trigger a tooltip for a given pie slice or Series?

We have a separate HTML legend that we are building up, and when someone mouses over an item in the legend, we would like the corresponding slice to show a tool tip, and or highlight.

Is there a programmatic function to enable this? Is there another way to do this, or will we need to custom manage the tooltip? I think I could unhide the tooltip html with javascript or jQuery, or is there a better way?

Charts

answered on 29 Aug 2013

5 answers

5.1K+ views

MultiSelect remove selected item event handling?

Hi
I'd like to be able to respond when the user clicks the small x to remove a selected item from the multi select. I see the change Event but I don't know how to tell what triggered it (ie was it from a delete?) because that event fires both when items are added and removed.

any help / sample snippet code would be greatly appreciated.

Thanks
Dan

MultiSelect

answered on 29 Aug 2013

1 answer

247 views

Add Commands to Edit Popup

We need to add Destroy(Delete) command inside Edit Popup of Kendo Grid.
So edit popup will have 3 buttons, (1)Update (2)Cancel (3)Delete
Please provide steps/details to achieve this if it is possible.

Grid

answered on 29 Aug 2013

3 answers

991 views

How to show horizontal scroll bar for kendo grid without data

Hi,

I have grid with scroll property set to true .
horizontal scroll is working fine when we have data in the grid (Records , PFA ) .
when I remove all records (Empty grid) , then horizontal scroll is dispersing so I am not able to see some of the column header(PFA).
I have attached screen shot for both scenario.

In my case, I need to show horizontal scroll bar for grid without data , so that user can see all columns in grid by scrolling.

Please help me out

Thanks in advance

Grid

answered on 29 Aug 2013

1 answer

123 views

Multiple categroy axes On stock chart

Hi
I am having difficulties with the Multiple pain chart.
I would like to assign multiple charts for one navigation slider, which is fine, but when I would like to make the category axis pane visible on every single chart it is only let me to do that for one chart. It is possible to print for every single one.
Thank you very much for your help.
Regards.
M. Gabor

Charts

answered on 29 Aug 2013

3 answers

254 views

extension exclusion and sync upload

Hi guys,

I'm working with kendo upload and I need some clarifications.

After looking around I understood that is not possible to filter file extensions before user imput ( like the old *.pdf). Is it correct?
If it is, could I use an handler on "select" and manually remove the selected file if it not matches the requested extension? how?

second question:
I normally use the upload in async mode, but this time I'd prefer to use it in sync mode.
The problem is that I'm kind of confused..how could I access the selected file's data??

I red on your doc that with sync mode the file is uploaded when the form is submitted...
ok..but where could I find its data? the client-side events are never fired..
I must say that the documentation is quite poor on this topic!

Thanks
Fabio

Upload

answered on 29 Aug 2013