How can I convert "popup:{appendto: $("#winComments")}" to angularjs "k-popup: {??????}"?  Thanks.

$("#ddMonth").kendoDropDownList({
dataSource: $scope.mthList,
dataTextField: "name",
dataValueField: "name",
filter: "contains",
popup: {   <=====
appendTo: $("#winComments") <=====
} <========
});

<select data-ng-show="filterMth" kendo-drop-down-list
k-data-text-field="'name'"
k-data-value-field="'name'"
k-filter="'contains'"

??????????
k-data-source="mthList"></select>

After using the View HTML tool the editor removes checked="checked" from a radio button.

Example:

<input name="ID" type="radio" checked="checked" value="1" />

becomes

<input name="ID" type="radio" value="1" />

It sort of works if HTML 5 is used.

<input name="ID" type="radio" checked value="1" />

will become

<input name="ID" type="radio" checked="checked" value="1" />

and will stay like that even if you view the HTML multiple times. But the next time the editor is loaded and the HTML is viewed checked="checked" will be removed.

it appears to work correctly for check boxes.

I need to add an aria label to the li of the selected tags for the multiselect control.  This is so that navigating with the keyboard over the selected tags will allow a screen reader to read the selections. I've tried using the tagTemplate, but that doesn't appear to get me access to the list item, only the span inside it.  How can I add the aria-label attribute to the li element so that it looks like:

Does anyone have any sample code how to integrate image copy/paste with the Upload component?  Or would we just use a different component entirely (jQuery plugin) to support this feature?  We want to allow a user the option to paste an image from clipboard in addition to the other methods like file drag drop and selecting files/directories.

Thanks!

Hi

I have a grid where I get my data from the server.
In my pager Im showing this page sizes [25,50,100,"All"] which works fine. 

But now,when we have more than 10000 items in the totalResults I want to remove the "All" option. 
How can I change the pagesizes of the pager?

But I only want to change the selectbox without reloading (and fetching the data) the grid again.

I tried it in the Databound event like this

dataBound(e) {
   var grid = e.sender;
   var pageSizes = self.totalResults < 10000
                ? [self.gridPageSize, self.gridPageSize * 2, self.gridPageSize * 4, "all"]
                : [self.gridPageSize, self.gridPageSize * 2, self.gridPageSize * 4];

   grid.setOptions({ pageable: { pageSizes: pageSizes  } });

}

This leads me in a endless loop because the setOptions refrehes the grid.
Because the query can take some time, I dont want to load the data again.
I also played around with hidding the "ALL" option via css. But this, I also didn't get to work.

Than I tried to bind the options and change them directly like this.

    <div kendo-grid="grid" id="grid"
         k-options="mainGridOptions"
         k-rebind="mainGridOptions">
    </div>

self.mainGridOptions.pageable.pageSizes = pageSizes;
This works, but also does a refresh of the grid (and does another api call to the backoffice)

So, is there a way to change the pagesizes without refreshing the data of the grid.

Thanks.