Questions on Kendo UI for jQuery Forum

3 answers

543 views

I would like to let user hide columns in the grid they don't want and order columns in the grid the way they want. Right now we have the feature to hide the column in the grid(through code) but user cannot do that. Is there a way to let the user hide the column with a cancel button so that I will save that column preference data in the database to hide that column for the user when he logs in the next time and also I would like to let the user order the columns in the grid by dragging and drop. Thanks

Grid

answered on 18 Aug 2016

1 answer

252 views

Cannot read property 'deepExtend' of undefined

Hello

I'm trying to create kendoGrid with server paging but got the folowing error:

kendo.grid.min.js:25Uncaught TypeError: Cannot read property 'deepExtend' of undefined

Code:

<div id="example">

<div id="grid"></div>

</div>

<script type="text/javascript" language="javascript" class="init">

$(document).ready(function() {

$("#grid").kendoGrid({

dataSource: {

type: "odata",

transport: {

read: "derived_roles_service.jsp"

},

schema: {

model: {

fields: {

description: { type: "string" }

name: { type: "string" }

}

},

pageSize: 20,

serverPaging: true,

serverFiltering: true,

serverSorting: true

},

height: 550,

filterable: true,

sortable: true,

pageable: true,

columns: [{

field: "name",

title: "name"

},

{

field: "description",

title: "description"

}

]

});

</script>

Grid

answered on 18 Aug 2016

3 answers

127 views

Turning Scheduler Footer Off MVVM

I would like to turn off the scheduler's footer. I see in the documentation that you can do this through javascript init, however I would like to do it through MVVM bindings. I tried to do data-footer="false", but nothing happens. Please advise.

Dojo demonstrating how footer still show even with data-footer set to false: http://dojo.telerik.com/UfoXO

Scheduler

answered on 18 Aug 2016

1 answer

93 views

Adding a link to a custom event creation form to days in Scheduler?

We would like to launch our custom event creation form from each day on the month calendar view and pass through the selected day. I have looked through the examples and been unable to find an example of how we could add a create link/image to each day to be able to launch our form. Is there any examples on how to do this?

Scheduler

answered on 18 Aug 2016

1 answer

247 views

Function to refresh Scheduler from external event creation form?

We have created our own event creation form external to the Scheduler control. When we click save on the form we would like the event to automatically appear on the scheduler, is there a javascript function to be able to add the event or refresh the scheduler? I have read that there is an observable data option in the scheduler, would this be the mechanism? Is there any code examples of this being used?

Finally, would this work well with the high data volume query and the OData service?

Many thanks.

Scheduler

answered on 18 Aug 2016

1 answer

231 views

Insert a custom row after each record in kendo-grid with angularjs

I'm creating a kendo-grid using grid options object like shown in the example: http://i.stack.imgur.com/EeNeb.jpg

The datasource returns all the fields including the comment (colored in orange). So each record in the table has a few constant cells (td) and another line below that starts from the second <td> until the end of the <tr>.

Is there a way to use the kendo-grid and add the additional comment line for each record ?

Thanks,
Eddie

Grid

answered on 18 Aug 2016

8 answers

653 views

Grid in Popup mode, MVC, with an upload control

I have searched far and wide and not found anything that will help me get what I am trying to do. I modified an example to use the grid in popup, non-batch mode and that works. What I am missing is that I need to add a upload input to the popup dialog so that I can select a single PDF file and pass that to the MVC action.

Before I was sending the user to a create page and there I was using the usual <input type="file"> with a model object using HttpPostedFileBase to bind to the input. That works, but I want to change all my code to use popups to create a better user experience.

The problem is that most of the examples either put the Kendo upload widget inline or the popup examples don't work with an MVC action (at least I have not been able to get it to work).

Any help would be appreciated. A single good example is normally worth gold, enough to get one moving forward again.

Thanks.

Grid

answered on 18 Aug 2016

1 answer

287 views

Performance of Scheduler with High Volume of Data?

The scheduler performs well with the small number of events we have been rendering using the component. However the volume of events will increase for our use case considerably over time.

We are currently using an OData feed to retrieve the events. Is there any guidance on how best it would be to render events when dealing with a high volume of data?

Should we be loading data per month per user, and then when the user moves to the next month it requests further data? As part of this has any performance testing being carried out on the scheduler to understand what volume of data the scheduler works best with, where performance may start to degrade?

Scheduler

answered on 18 Aug 2016

9 answers

5.4K+ views

[Solved] Change datasource url on Grid

Hi,

I've got a dropdown and a grid. The idea is to change the data displayed in the grid depending on the selection made in the dropdown.
The datasource uses a json service. When the page is loaded the grid is filled with the data from the json service. After changing the selection in the dropdown the transport url is changed according to the alert. But capturing the network traffic reveals that the original url is called instead of the one with the new parameter.

The html excerpt:

<input id="ddlFacility" />

<div id="SiteOverviewTabStrip">

<ul>

<li class="k-state-active">Regional dashboard</li>

<li>Production summary</li>

</ul>

<div class="placeholder table">

<div id="regionalGrid">

</div>

<div class="placeholder graph">

<div id="productionGrid">

</div>

The script:

// bind to the change event and update the data source url

var ddlFacility = $("#ddlFacility").data("kendoDropDownList");

ddlFacility.bind("change", function () {

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

grid.dataSource.options.transport.read.url = "/_layouts/SharePoint.Services/ProxyService.svc/GetFacilityRegionalData?origin=" + this.value();

grid.dataSource.read();

grid.refresh();

alert(grid.dataSource.options.transport.read.url);

});

Any suggestions?

Kind regards,
Tycho

Grid

answered on 18 Aug 2016

1 answer

187 views

dataSource.read not calling transport.read

We have our custom transport, where we have implemented our own read. The weird thing that when we call dataSource.read(), sometimes our transport.read gets called, and sometimes no.

Please help

Grid

answered on 18 Aug 2016