Questions on Kendo UI for jQuery Forum

2 answers

7.0K+ views

[Solved] Is there a way to change the PageSize dinamically?

Hi,

I was looking at the forum, but I didn't find any message related to this. I would like to allow users to change the number of rows displayed in the grid for example 15, 30, 50. So far, I see that the pageSize property is specified when initializing the grid. Also, I havent' see any example where the number of rows can be changed dinamically, for example a drop down list with the number of rows next to the pagination numbers, or a text box when the number of pages can be entered.

Thanks for your help

Grid

answered on 15 May 2017

3 answers

347 views

Non-date value for date-picker

Hello.
We have functionality, which allows to set non-date(string "No due date") value on initialization, and after picking date(see ex. below)
Some time ago(I think it was happened after updating to one of the latest release) this functionality was broken.
Now after setting non-date value datepicker sets current date itself.

How we can repair our functionality? Is any workaround to set non-date value?

Example of our workaround, which now doesn't have effect:

function setDueDateToNoDueDate() {
$scope.dueDateWidget.value($scope._noDueDateText);
$scope.dueDateWidget.element[0].value = $scope._noDueDateText;
$scope.dueDateWidget.trigger("change");
}

DatePicker

answered on 15 May 2017

1 answer

282 views

Append row and detail template while scrolling without refresh data in grid

Hi,

I had follow the link below to append row while scrolling..

http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/binding/load-and-append-records

I created some textbox to let user fill in and I put it inside the detail template.. But after scrolling the grid, it rebind the data..

Is there any method not to refresh the datasource in grid and just append new row at the bottom while scrolling the grid?

Thanks.

Regards,

Su Pei

Grid

answered on 15 May 2017

1 answer

451 views

dropzone without async

Can dropzone be used without async?

Upload

answered on 15 May 2017

3 answers

1.6K+ views

Date/Time picker component disappears when selected

I am using the Kendo AngularJS date/time picker i.e. <input kendo-date-picker ... />

I use the componentin all kinds of places in my web application. However on one page, clicking a datepicker causes it to disappear. See the following GIF of the behaviour: http://imgur.com/a/UAJug

The other datepickers in the GIF mostly work okay, but the featured one does not. Funnily enough, when you scroll back up the page and then scroll down - or when you make your window height smaller - the datepicker works correctly and the calendar does not disappear.

This is the snippet of the datepicker in question:

<div class="form-group">

<label class="col-xs-3 control-label" title="Default value">

{{'DATASOURCE.VARIABLES.DEFAULT_VALUE' | translate}}

</label>

<div class="col-xs-8" ng-switch="stagedVariable.type">

<input ng-switch-when="Date" kendo-date-time-picker k-ng-model="stagedVariable.defaultValue"/>

<input ng-switch-when="number" class="form-control" ng-model="stagedVariable.defaultValue" type="number" max="9007199254740991" min="-9007199254740991"/>

<input ng-switch-when="string" class="form-control" ng-model="stagedVariable.defaultValue" type="text"/>

<select ng-switch-when="option" class="form-control" ng-model="stagedVariable.defaultValue"

ng-options="val as val for val in stagedVariable.allowedValues">

</select>

</div>

DatePicker

answered on 14 May 2017

1 answer

4.1K+ views

[Solved] Filter Column Template

Hello,

I'm trying to replace filter widget in filter row in grid and detail grids.

My replacement should be standard text box input: <input class="k-input" id="fullName" style="width: 100%;" placeholder="Hledat subjekt">

It would be perfect if i can set template of this filter cell when defining columns like this:

columns: [
            {
                field: "color",
                filterable: {
                    cell: {
                        template: <input class="k-input" id="fullName" style="width: 100%;" placeholder="Hledat subjekt">
                        },
                        showOperators: false
                    }
                }
            }

I'd like to define it by html element or by kendo element if there is such (i have not found any)

Can you help me with solution please?

Grid

answered on 13 May 2017

2 answers

118 views

kendo.date.weekInYear no more works

Hello! I've noticed that with last kendo release (2017.2.504) the helper method kendo.date.weekInYear returns always NaN, here you can check on dojo:

http://dojo.telerik.com/ASOQA

I don't know if other methods on kendo.date are afflicted by the same bug.

Greetings!

General Discussions

answered on 12 May 2017

1 answer

2.3K+ views

How to add “All” option in KendoGrid paging and make the grid pagesize as All and it should fetch all the records on page load when grid is binding.

I have tried to put "All" in the PageSize = 'All' which didn't work, then i haven't provide any default value for the PageSize then Grid started showing all the records at pageload. But at the bottowm righ of the Grid it is showing as "NaN - NaN of 115 items".
What my client want is by default All option should be selected on the Grid pager dropdown and that should show all the records in the Grid with correct paging. Can someone please help me by providing solution for this problem please?

Data I am getting form the database to bind the Grid.
Thanks in advance.

My Code:

BindMyGrid: function (gridData) {
$("#MyGrid").empty();
        if (gridData !== undefined && gridData !== null && gridData.length > 0) {
            $("#MyGrid").kendoGrid({
                dataSource: {
                    data: gridData
                   // pageSize: 'All'
                },
                sortable: {
                    mode: "multiple",
                    allowUnsort: true
                },
                selectable: 'multiple',
                scrollable: false,
                pageable: {
                    input: false,
                    numeric: true,
                    previousNext: true,
                    butonCount: 5,
                    pageSizes: [10, 20, 30, 40, ALL]
                },
                dataBound: function (e) {
                    var grid = e.sender;
                    grid.select(grid.tbody.find(">tr:first"));
                },
                detailInit: WorkPartyAllocationsData.detailInit,
                columns: [
                        { field: "ProductName", title: "Product Name", width: "400px" },
                        { field: "TotalItems", title: "Total Items", width: "175px" }
                ]
            });
        }
},

General Discussions

answered on 12 May 2017

3 answers

5.2K+ views

[Solved] Use dropdownlist in grid column filter

I would like the column filter to display a dropdownlist instead of a text box so the user can filter the grid based on pre-defined values. For example, I have a column in my grid called, "Status". The values can only be "New", "Open", or "Closed". When I set this column to filterable, the user has to type the word "New" and I would like them to choose the value from a dropdownlist instead. Is there a way to do this? I can't find it in the documentation. Thanks.

Grid

answered on 12 May 2017

4 answers

401 views

[Solved] Grid filter "and" & "or" dropdown order

Inside the filter of the grid I need to change the order of the items "And" & "Or" inside the list to show "Or" by default.

I tried declaring the grid with jquery but I can only change the text of the item:

$("#testgrid").kendoGrid({

columns: [
                {field: "name"},
                {field: "age"}],
            dataSource:[
            {name: "John", age:"30"},{name: "Mike", age:"32"}],
            filterable:{
                messages:{
                    or: "filterOr",

and: "And"

              }
            }
        })

Is it possible to change the order of the items?

Thanks

Grid

answered on 12 May 2017