Getting exception kendo angular grid - user-interface

Exception: Call to Node module failed with error: Error: Template parse errors:
Can't bind to 'filterable' since it isn't a known property of 'kendo-grid'.
If 'kendo-grid' is an Angular component and it has 'filterable' input, then verify that it is part of this module.
If 'kendo-grid' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '#NgModule.schema' of this component to suppress this message.
("
<kendo-grid [data]="gridData" [ERROR ->][filterable]="true">

You're using an older version of the Kendo UI Grid for Angular 2. The filterable option was added not that long ago. From the changelog it seems it was added in version 0.20.0 on March 24th, 2017.
What version are you using?

Related

Kendo Grid for MVC displays 'no records found' message while fetching data, after upgrading Kendo UI to version 2020.1.406

I downloaded the latest version of Kendo UI (Version: 2020.1.406) for MVC5 and upgraded my project to refer the latest JS, CSS and Kendo.MVC (2020.1.406.545). After upgrading, grid displays 'no record found' message even the record fetching is in progress.
Below is the image with Kendo UI (Version: 2020.1.406):
It was working well with Kendo UI 2018.2.516 as below:
I do not want to show 'No record found' message while fetching records, it should appear only after completion of fetching data and if no record exist.
since it is a bug in Kendo UI, do not use NoRecords method of grid. Instead use DataBound event and call below JS function:
function onGridDataBound(e) {
if (!e.sender.dataSource.view().length) {
var colspan = e.sender.thead.find("th:visible").length, emptyRow = 'No Record Found.';
e.sender.tbody.parent().width(e.sender.thead.width()).end().html(emptyRow);
}
}

Orbeon Form - reCAPTCHA Field required error after submitting form

I'm struggling to make reCAPTCHA work in my Orbeon form.
I'm using ORBEON 2018.2.3.201905172253 PE within SAP Commerce (Hybris).
After submitting the form, I get the error "Please check your answer to the CAPTCHA challenge" even though the captcha is correct.
Created a common Form and added reCAPTCHA as per official Orbeon documentation: https://doc.orbeon.com/form-runner/component/captcha
Added my private and public keys to the properties file
Added the reCAPTCHA property to my form:
<property
as="xs:string"
name="oxf.fr.detail.captcha.yforms.myForm"
value="reCAPTCHA"/>
This is the process executed when clicking the SUBMIT button:
<property as="xs:string" name="oxf.fr.detail.process.save-final.yforms.myForm">
validate-all
then save
then send(
uri = "https://myurl",
method = "PUT"
)
then navigate(uri = "https://myurl")
</property>
I see the reCAPTCHA at the bottom of my form as expected
When I click SUBMIT after filling up the form and completing the captcha successfully, I see a popup saying "There are validation errors. Please retry once all fields have been properly filled-out."
And the form displays this error for the captcha field:
"Please check your answer to the CAPTCHA challenge."
So I'm clearly missing something. I know there are some configurations needed for the fr-verify-done and fr-verify-error to be added, but the Orbeon documentation does not specify how to configure those through PROPERTIES. They only say how to add those event listeners while adding the captcha component by hand (editing the source code of the form through Form Builder).
Things that I tried and didn't work:
Dispatching an fr-verify event when submitting:
xf:dispatch(name = "fr-verify", targetid = "captcha")
then validate-all
then save
then send(
uri = "https://myurl",
method = "PUT"
)
then navigate(uri = "https://myurl")
Adding the reCAPTCHA component to the form source code as per Orbeon documentation:
<fr:recaptcha id="my-captcha">
<xf:send ev:event="fr-verify-done" submission="save-submission"/>
<xf:action ev:event="fr-verify-error">
<xf:toggle case="failure-case"/>
<xf:dispatch target="my-captcha" name="fr-reload"/>
</xf:action>
</fr:recaptcha>
When I click SAVE after adding the excerpt above, the Form Builder crashes. Same happens if I try to add the same excerpt to a form through the online demo form builder provided by Orbeon : https://demo.orbeon.com/demo/fr/orbeon/builder/new
That is super weird since I'm adding code provided by them using the online last version of the form builder, and it still crashes when trying to save it. So that makes me think the problem I have is not related to my platform, but with Orbeon itself.
This is the error I get in the online demo for Form Builder after adding the recaptcha excerpt to the source code of the form: "Cannot read property 'call' of undefined'
There're no relevant LOGS that I can provide, I activated debug level logs for Orbeon and I'm not getting any useful info.
I would really appreciate if someone can guide me through with either:
- Configuring the fr-verify events without changing the source code of the form using Form Builder, OR
- Adding the reCAPTCHA component through Form Builder successfully without making it crash, OR
- Anything you can come up with to make my form with captcha work
Thanks in advance,
David
SAP Hybris 6.6 includes Orbeon Forms 2017.1.1, which uses Google's reCAPTCHA 1, which Google doesn't support anymore. Your options are either:
To upgrade to a version of SAP Hybris that includes Orbeon Forms 2018.1 or 2017.2.2 or newer (those version use Google's reCAPTCHA 2).
To use the SimpleCaptcha instead of reCAPTCHA.

"Property 'renderers' does not exist" error during handsontable 7.0.0. upgrade

I'm getting the following error after an upgrade from handsontable 6.2.2 to handsontable 7.0.0
ERROR in src/app/hot/hot.component.ts(538,26): error TS2339: Property 'renderers' does not exist on type 'typeof import("/Users/allan/git/dcfrontend/node_modules/handsontable/handsontable")'.
The line of code is:
Handsontable.renderers.TextRenderer.apply(this, arguments);
Is there an easy / obvious fix?
The fix was indeed, easy / obvious. The following line:
import * as Handsontable from "handsontable";
Should have been:
import Handsontable from "handsontable";
(contrary to documentation for angular component)

Kendo grid's export to excel throws jquery error

I have asp.net core application using Telerik UI for ASP.NET Core. I am trying to use export to excel feature as per the demo. However i am getting jQuery error
cannot read property 'length' of undefine
as per SO suggestion here i have to upgrade jquery to 2.2.4 or above.
However when i checked the bower configuration for kendo-ui it has jQuery dependency.
{
"name": "kendo-ui",
"version": "2016.3.1007",
"dependencies": {
"jquery": ">=1.9.1 <=2.1.1"
},
//removed for brevity
}
so the kendo-ui has dependency on jquery version <= 2.1.1 so i could not upgrade jQuery. (also my license for kendo is expired so i could not upgrade Kendo as well)
So what are my options here to get around this issue?

Removing file in Kendo Upload . Error in jquery.min,js file

I have used the following code to remove the uploaded file on the Remove function of Kendo Upload control
$(".k-upload-files.k-reset").find("li").remove();
But I'm getting an error in jquery.min.js:
Unable to get property 'length' of undefined or null reference
Recently i had updated Kendo version to 2014.3.1411 and the error is occuring only after this update
Try this
$(".k-file:has([title='" + e.files[0].name + "']) .k-icon").removeClass("k-retry").addClass("k-delete").click();

Resources