Hello developer,

Thanks for the support that you have provided in the course of time for the issues that I have faced during development.

I would like to put forward two issues that I'm facing with kendo scheduler(AngularJS)..

1)Is there any way that I could enable the pop up generated by double clicking on a date to be opened by a single click ?

2)Is there any way that I could define custom close event from my controller (I'm using AngularJS Kendo scheduler).

I tried by giving 

$scope.scheduleroptionds.window.close=true;

which works for the very first time but I have to reload the page every time to make it work..

Awaiting your kind reply..

Thanks again..

Hi,

First, I am a bit confused about terminology. I've always  thought that a classic grid system is like this:

http://webdesign.tutsplus.com/articles/all-about-grid-systems--webdesign-14471

A good example is Altair template:

http://preview.themeforest.net/item/altair-admin-material-design-uikit-template/full_screen_preview/12190654?_ga=1.221847640.132173243.1461239472

http://demos.telerik.com/kendo-ui/grid/index

I use Kendo UI Pro with AngularJS. I have to implement grid functionality like in Altair template. As I mentioned, "classical" grid and Kendo grid (table) are totally different things. So I am looking for a proper solution.

1. I can use Twitter Bootstrap - Kendo integration. Here is a nice example:

http://demos.telerik.com/kendo-ui/bootstrap

But -

2. Can I use Kendo UI only? It seems that Kendo has its own grid system, for example in Theme builder:

http://demos.telerik.com/kendo-ui/themebuilder/

Which solution is better? 1 or 2?

The drowdownlists with (client & serverside) searchbox needs 2 keystrokes to start searching...

So when I set the focus on a dropdown, for example with the tab.. I need one keystroke to open the dropdown and a second one to actually set the character in the searchbox en start searching.. 

Is this a common problem in Kendo?

(when I focus the dropdown with a click, the dropdown opens automatically, so then there is no problem)

Here is the situation.

I'm working in a custom editor template for the kendo scheduler.

I have a model with a string field called "itemType".

 The form fields associated with item type are checkboxes.

Issue: I want to evaluate whether or not the checkbox should be checked when the editor window is opened.  In order to do this, the most logical thing (in my mind) would be to have some kind of expression to evaluate this.  I tried the following template and I get "Uncaught ReferenceError: Invalid left-hand side in assignment".

Here is the template:

"Unhandled exception at line 1362, column 66 in Function code

0x800a1391 - JavaScript runtime error: 'ParameterSet' is undefined."

I'm going to include as little code as possible to demonstrate what things look like:

>>View <<

@(Html.Kendo().Grid<Web.Models.ModelingJobViewModel>()
...
 columns.Bound(c => c.ParameterSet).ClientTemplate("#=ParameterSet.Name#");
...

>>View Model <<

public class ModelingJobViewModel
...
   [UIHint("ParameterSetEditor")]
   public JobParameterSetViewModel ParameterSet {get; set;}
...

>> "Property" view model <<

public class JobParameterSetViewModel
...
   public int Id {get; set;}
   public string Name {get; set;}
...

>> Controller <<

...
  public ActionResult Index()
...
   ViewData["parameterSets"] = repo.SelectAll().Select(e=>new DropdownListItem() { Name = e.name, Id = e.Id}).OrderBy(e => e.Name);
...

>> Custom Editor (ParameterSetEditor) <<
@model Web.Models.ModelingJobViewModel

@(Html.Kendo().DropDownListFor(m => m)
    //.Name("ParameterSet")
    .DataValueField("Id")
    .DataTextField("Name")
    .BindTo((System.Collections.IEnumerable)ViewData["parameterSets"])
)

The initial view and the edit action buttons work fine.  But when "Add" is clicked, I get the error listed above.

It's probably something stupid, but I've spun my wheels long enough and need to throw this out into the forum to see if anyone has an answer. Help!

Thanks in advance!

Hi,

I'm implementing Kendo ui grid with AngularJS and Spring Boot Java and can't find any examples on how to implement server side paging or grouping with AngularJS. In my AngularJS controller, I have a a dataSource object which is like this:

  var dataSource = new kendo.data.DataSource({
        transport: {
             read:{
                  url:'myData'
             }
        },
        pageSize: 20,
         serverPaging: true,
         serverFiltering: true,
         serverSorting: true,
         schema: {
            total: "total"
         }
 });

$scope.mainGridOptions = {

     dataSource: dataSource,

     pageable: true,

     columns: [.......]

}

Do I need to do anything on the server side for server side paging to work? How is server side paging different from client side paging? Right now it's not working for me.

Thanks,

Ning

How can I retrieve cell values using the UI for php before the spreadsheet is rendered?

I am building a spreadsheet dynamically in php and need to read values from cells.

I want to reference to the object of my child grid and refresh the child grid with a new ID in the filter. When I reference to the child grid of the Kendo-Grid I get an undefined object.
HTML

JAVASCRIPT/ANGULARJS

I have two input in the screen. Do you know why the format of values I get from this two input are different?

"orderDate": "2016-08-04T07:00:00.000Z",

"dueDate": "2016-08-15T2:00:00.000+10:00",

<input autocomplete="off" kendo-date-time-picker="" k-options="ngDateTimeOptions" data-qtype="datetime" k-format="'g'" k-parse-formats="'yyyy-MM-ddTH:mm:ss.fffzzz'" id="OrderDateAutoField" name="orderDate" ng-blur="ngBlur($event);" ng-focus="ngfocus($event);" k-ng-model="ngData.salesOrderHeaders[0].orderDate" required="" tabindex="1505" focusableobjectuid="viewfield_e7b20a53cc5546bbb7ef94571005aab6" data-role="datetimepicker" type="text" class="k-input" role="combobox" aria-expanded="false" aria-disabled="false" aria-readonly="false" style="width: 100%;">

<input autocomplete="off" kendo-date-time-picker="" k-options="ngDateTimeOptions" data-qtype="datetime" k-format="'g'" k-parse-formats="'yyyy-MM-ddTH:mm:ss.fffzzz'" id="DueDateAutoField" name="dueDate" ng-blur="ngBlur($event);" ng-focus="ngfocus($event);" k-ng-model="ngData.salesOrderHeaders[0].dueDate" tabindex="1506" focusableobjectuid="viewfield_9cf644d0913e49c4a7a374349f94e2a6" data-role="datetimepicker" type="text" class="k-input" role="combobox" aria-expanded="false" aria-disabled="false" aria-readonly="false" style="width: 100%;" aria-activedescendant="aa5d221d-3ca9-491e-8655-46f52119e200_cell_selected">