I am currently debugging some issues we are having with trying to enable the 'All' option for page sizes.  Based on what I've found out, it appears as if the <select> that holds the page size options is setting the value for All to 'All' instead of the total number of records.  Is this how this is supposed to work?

Is there a list of common issue with trying to get this to work I can try to look through?

 I can add 

          pageable: {  
                        pageSizes: [ 10,25,50,100,'All' ],  
                        buttonCount: 5, 
                        message: {
                                  empty: 'No Data',
                                  allPages:'All'
                                 }
                          }  , 

This adds an 'All' option, but if you select it nothing happens.

I can add the following to the end of my $(document).Ready()

var pageSizes = [{ text: \"10\", value: 10 }, { text: \"25\", value: 25 }, { text: \"50\", value: 50 }, { text: \"100\", value: 100 },{ text: \"All\", value:" + Data_Table.Rows.Count + "  }];
$('.k-pager-sizes select[data-role=\"dropdownlist\"]').data('kendoDropDownList').setDataSource(new kendo.data.DataSource({ data: pageSizes }));

Which helps, but seems like a hack.

Any advice would be greatly appreciated.

Hi,

Inline editor is for a lot of reasons better than standard editor.

I'm working on "push widgets" inside a editing document (Gauges, Charts, Maps...)

In standard mode this is realy hard, but inline mode is not my better mode!

So, I don't undertand why we cant work in standard mode using a div...

The only difference is put the toolbar in a fixed position

This simply require a parameter as toolbarContainer, if specified the engine can use it for toolbar rendering.
No?

marc.

Hello,

appear

I have a grid with the option columnMenu: true. Is it posible that in the contextual menu the columns appears orders alphabetical??.

Thanks

Hello,

I have a 'hamburger' icon to open up a responsive panel on the menu, and am trying to remove it when the device is a desktop when the width is greater than the breakpoint. However, the menu item does not contain any text, it just shows the hamburger icon provided by font-awesome:

Code:

{ text: "", spriteCssClass: "fa fa-search", url: "javascript:createSearchWindow();"},
{ text: "", spriteCssClass: "fa fa-bars", url: "javascript:toggleSideBarPanel(<cfoutput>#layerNumber#</cfoutput>);" }

There is a remove method for the menu, but by looking at the example it needs to have a reference to the tree. Is it possible to remove the last item (fa fa-bars) and not the item above it that pops up the search window? 

I have a really complex responsive panel, placed in several div's, but it does not work when the screen size is above the breakpoint. See http://gregoryalexander.com/blogCfc/client/ using a desktop device above 1280 pixels.

Hello

I want to completely control the server side sorting of my grid. Meaning, when I click a column header, I don't want the grid to do anything - I want to catch the sorting event, update some local parameters in my app, and use a fetch function that I have in my app.

All I want the column header to do is to present the arrow in the relevant direction.

I don't want to use transport.read and serverSorting=true because I seems to have no control over when this function is called.

I'm building my columns from the data received so I need to separate the data fetch from the grid's initial creation.

I tired solving this by catching a change event on the dataSource, and if the event.sender.sort() exists with the relevant parameters, it works, other than the fact that first the grid still sorts the data at client side, and only then it fetches my server side data, which causes a delay, bad performance (~1000 records/30 columns), and unnecessary sorting. event.preventDefault() doesn't stop the client side sorting from happening.

I'm currently using ui-grid (open source angular grid) which allows me to do so - just control the sorting functionality completely. Is that achievable with kendo grid?

Hello,

1. When enabled pageable and filter data to disaplay message "No records to display". Then message "No records to display" is shown after pagable toolbar

https://dojo.telerik.com/IgUwuYAn/10

2. While data not loaded size of tree is bigger then his container. Look this:

https://dojo.telerik.com/IgUwuYAn/11

3. When default expanded: false, page toolbar is not updated after read data.

Try: expand some rows for add 2 pages, then press refresh, you will see 2 buttons of pages, but one row.

https://dojo.telerik.com/IgUwuYAn/12

In my app i have more then 1 page data, but i not see other pages buttons

Hello,

I've been struggling with this for quite a while now with no good results.

We are going to create stacked bar charts with the labels next to them as I have in the image

 Is there a way to create single stack chart with the label beside that?

Thanks

I have the following code in my HTML template

<div class="form-group col-xs-6">
    <label for="txtDiscountFrom">Available From</label>
   <input class="form-control k-input-lg" data-role="datepicker"
data-bind="enabled:editorModel.onlineEnabled, value:editorModel.discountFrom"
name="txtDiscountFrom" id="txtDiscountFrom" placeholder="Enter From Date"
data-required-msg="Enter From Date"/>
</div>

As you can see I have bound editorModel.enabled to the enabled property. I have other INPUT fields on this form (not shown) which are also bound to this field and they are enabled/disabled correctly. However, the 2 datePicker fields I have seem to ignore this property. They always stay enabled. Does DatePicker not support the enabled property? 

Interestingly enough if I remove the data-role="datepicker" from the above HTML the enabled binding works! Is there something specific on datepicker that I should be doing instead?

I am running Kendo 2019.1.115