Questions on Kendo UI for jQuery Forum

1 answer

736 views

Server side paging in TreeList

Does TreeList supports server side paging? If not, how to load large data, in ten thousands?

TreeList

answered on 20 Oct 2020

3 answers

2.5K+ views

Getting count of selected rows in grid

Hello Everyone,

I am relatively new to Kendo. I have a question is it possible to get the count of selected rows in a column and added it to the paging bar? If so how? I have highlighted the area in a screenshot.

Grid

answered on 20 Oct 2020

5 answers

400 views

Cordova app scroll issue in android 9 devices

I am facing scroll issue in android 9 devices. I have updated the kendo.ui.core.min.js library to latest version, but still having same problem. In my app there are div show/hide options. When i make a hidden div visible, the scrolling becomes very slow. I also enabled/disabled native-scrolling but no luck. I am really stucked here. Does anyone have solution for this?

General Discussions

answered on 20 Oct 2020

2 answers

3.1K+ views

Sort groups themselves by a field other than the group field property

I have a grid containing sports teams and their associated stats, grouped by the team name. I want to sort the groups themselves (not the stats inside of the groups) by newest to oldest stats. Each stat has a timestamp for when it was added to the system.

Basically I need to list the stats of the teams who have most recently played a game at the top of the list.

Anyone know who to accomplish this?

Grid

answered on 20 Oct 2020

9 answers

386 views

Kendo Mobile Filterable ListView

The following JavaScript is from the ListView / Filtering demo.

$("#filterable-listview").kendoMobileListView(

dataSource: dataSource,

template: $("#mobile-listview-filtering-template").text(),

filterable: {

field: "ProductName",

operator: "startswith"

},

endlessScroll: true

});

I'd like to know how to do this with MVVM. I've also looked at this MVVM demo but I couldn't find an example of filtering anywhere. Please add an example somewhere!

Regards
Dean

MVVM

answered on 19 Oct 2020

1 answer

156 views

Timeline destroy() fails when the datasource is empty

This works fine when the datasource has at least 1 record. It also works fine with the grid control, so I assume this is a glitch with the timeline? I am one revision behind the latest, so this may already be fixed.

kendoTimeline = $("#divTimeLine").kendoTimeline({
orientation: "horizontal",
dateFormat: "MM/dd/yyyy",
dataSource: {
data: new Array(),
pageSize: 0,
sort: { field: "date", dir: "asc" }
},
}).data("kendoTimeline");

kendoTimeline.destroy();

--------------------------

JavaScript Error: Uncaught TypeError: Cannot read property 'destroy' of undefined
URL: http://localhost/SINet/STERLING/AllPoints/PublicScripts/kendoui.2020.2.617.commercial/js/kendo.all.min.js
Line Number: 94

Timeline

answered on 19 Oct 2020

3 answers

262 views

Customize toolbar

The documentation for the ImageEditor is somewhat lacking. Can you please explain how I can replace the 'Save As' button with a custom button that calls a function?

Thanks

ImageEditor

answered on 19 Oct 2020

6 answers

252 views

Kendo Validator not responsive unless edit mode in grid active

Hello,
I have kendo grid in mvvm.

<script id="TSTSettlementTemplate" type="text/x-kendo-template">

<div data-bind="visible: isSettlementGridVisible" class="test67">

<div data-role="grid" id="SettlementGrid"

data-editable="true"

data-toolbar='[{"template": "<div class=\"toolbar\"><input type=\"button\" class=\"k-button k-button-icontext\" onclick=\"AddSettlementrow(this)\" value=\"+ Add New Record\"/></div>" }]'

data-columns="[

{ 'field': 'Entity', 'title': 'Entity', 'width': 110 ,editor: SettlementGridEntityEditor , template: kendo.template($('\\#SettlementEntityDisplay').html()) },

{ 'field': 'Entity', 'title': 'Entity Type', 'width': 50 , editable: false, editor: nonEditorforEntityTypeDisplay, template: kendo.template($('\\#SettlementEntityTypeDisplay').html()) },

{ 'field': 'Payer', 'title': 'Payer', 'width': 110 ,editor: SettlementGridPayerEditor , template: kendo.template($('\\#SettlementPayerDisplay').html()) },

{ 'field': 'SettlementType', 'title': 'Settlement Type', 'width': 110 ,editor: SettlementTypeEntityEditor , template: kendo.template($('\\#SettlementTypeDisplay').html()) },

{ 'field': 'PaymentMode', 'title': 'Payment Mode', 'width': 150 ,editor: SettlementGridPaymentModeEditor , template: kendo.template($('\\#SettlementPaymentModeDisplay').html()) },

{ 'field': 'PaidUsing', 'title': 'Paid Using', 'width': 150 ,editor: SettlementGridPaidUsingEditor , template: kendo.template($('\\#SettlementGridCreditCardTemplate').html()) },

{ 'field': 'Amount', 'title': 'Amount', 'width': 150 ,editor: SettlementGridAmountEditor },

{ 'field': 'remark', 'title': 'Remark', 'width': 150 ,editor: SettlementGridRemarkEditor },

{ text: 'Select', title: 'Action', template: kendo.template($('\\#SettlementGridOperationTemplate').html()) , 'width': 110}

]"

data-bind="source: settlementgridDS"

style="height: 200px"></div>

</div>

</script>

By javascript i programatically set DataSource as below code before binding object to above template :

SettlementVm.Data.settlementgridDS = new kendo.data.DataSource({

data: data.PricingSettlements,

schema: {

model: {

id: "ID",

fields: {

ID: { type: "number", editable: false, nullable: true }

//Entity: { type: "string", validation: { required: true } },

//Payer: { type: "string", validation: { required: true } },

//SettlementType: { type: "string", validation: { required: true } },

//PaymentMode: { type: "string", validation: { required: true } },

//PaidUsing: { type: "string" },

//Amount: { type: "number", validation: { required: true } },

//PCCCode: { type: "string", validation: { required: true } },

//Remark: { type: "string", validation: { required: true } }

}

});

Amount, Remark are simple values rest other columns are complex types.

Problem: When i add new record in kendo grid / or there is existing pre-filled data and when i validate using kendo-Validator it shows no error even if values are not bound. Unless i open edit mode and click on anywhere . Kendo Validator only works when i activate Editor template.

Question:

1) Can i change In-cell Edit mode to full Grid Edit mode?

2) How to validate columns values if Editor template not called ( user doesnt click on in-cell to open edit mode) ?

MVVM

answered on 19 Oct 2020

3 answers

377 views

Set dropZone after initialization

Hi,

Is it possible to set the dropZone dynamically?

Upload

answered on 16 Oct 2020

1 answer

127 views

Connecting to centre connectors

I would like all connections made to shapes to use ONLY the centre connector.

In the javascript code I use the diagram.connect method to connect the shapes; I did see an example of the use shape.getConnector method but cannot find any documentation on this. But I felt by doing something like....

diagram.connect(shape1.getConnector('middle'),shape2.getConnector('middle')

Should actually do what I wanted but using the key word 'middle' or 'center' did not work. Any help appreciated.

Diagram