Questions on KendoReact Forum

6 answers

484 views

The DateRangePicker component adds an element style of `{display: inline-block}` to the `span.k-daterangepicker-wrap` component which prevents me from styling custom `startDateInput`/`endDateInput` components with full width to fill my form.

How can I override this style, or can it be removed from the kendo rendering?

It's too bad there is no render prop that just renders both input components, that would add a lot of flexibility.

Thank you

General Discussions

answered on 11 Nov 2019

2 answers

412 views

[Solved] Upload control: how to reject file via custom saveUrl?

Hi,

I'm creating a file upload control. I need to use a custom endpoint for uploading, so I created an object for the saveUrl property as described here.This works fine.

Only thing missing is how to handle exceptions, so when a file is rejected by the external service. If the endpoint raises an error, I now resolve to ensure the Upload control stops the Uploading message. But I want the control to stop this message and show the file in red with the error message. See my (simplified) code below. Thanks in advance for your feedback!

01.const onSaveRequest = (

02. files: UploadFileInfo[],

03. options: {

04. formData: FormData;

05. requestOptions: any;

06. },

07. onProgress: any

08. ): Promise<{ uid: string }> => {

09. const currentFile = files[0] as UploadFileInfo;

10. const uid = currentFile.uid;

11. const file = currentFile.getRawFile();

12.

13. const saveRequestPromise = new Promise<{ uid: string }>(async (resolve) => {

14. ([my external service call]).then((data) => {

15. // all well, this works

16. resolve({ uid: uid });

17. }).catch(error=>{

18. // how to reject so Upload control shows error for this file?

19. resolve({ uid: uid });

20. });

21. });

22. });

23. return saveRequestPromise;

24. };

General Discussions

answered on 11 Nov 2019

8 answers

2.1K+ views

[Solved] Gendo grid custom cell currency format

Hi,

Is it possible to add custom format setting to GridColumn format prop {0:format}? https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/#toc-format I need 'en' currency symbol with 'de' number separators e.g. $ 3.400,5

General Discussions

answered on 08 Nov 2019

2 answers

1.3K+ views

Kendo Grid Conditional Column Values

Hiii, I'm using Kendo Grid to populate datas from api. And in my case i have a field called Active in my kendo column which has value Y/N. So my problem is i need to conditionally display the values like if the value is Y it should show Yes in my column and if its N it should show No.

General Discussions

answered on 08 Nov 2019

1 answer

236 views

Replace Old value in grid in inline edit

Hi All,

In my kendo react grid i am doing in inline edit. When i click row edit button row colum converting to edit mode and showing two button save and discard. if i click save it will save to database. If i click discard i want to display old value(if i typed anything) in grid. How can i achieve this?

General Discussions

answered on 07 Nov 2019

1 answer

261 views

Customise grid cell based on data

Hi,

In my application i am listing personal data in kendo grid with edit and delete feature each and every row. Here my requirment is if age > 50 i don't want to show delete
button in that row. How can achieve this with react Js?

General Discussions

answered on 07 Nov 2019

3 answers

265 views

[Solved] Window is rendered on top of the page

Hi,

i am rendering 20 components with .map inside App.js (using React) and these 20 components do have something like this:

render() {

var item = this.props.item

var brand =this.props.brand

var adminUrl = clientConfig.brands[brand].admin

var chargeData = JSON.parse(item.chargedata)

var { description,source,amount,outcome } = chargeData

var { last4, country,cvc_check,exp_month,exp_year} = source

var { risk_level } = outcome

return (

<div>

{

this.state.json1 &&

<Window title={"All Details"} onClose={()=>{this.setState({json1:false})}} initialHeight={800} initialWidth={800}>

<ReactJson src={item} />

</Window>

}

{

this.state.json2 &&

<Window title={"Charge Object"} onClose={()=>{this.setState({json2:false})}} initialHeight={800} initialWidth={800}>

<ReactJson src={chargeData} />

</Window>

}

I do have a button which tiggers the json1 to true. Imagine i have scrolled several pages down and at the component number 8, to be at 8, the browser has scrolled like 3 pages down. I press Show button and it shows the window but NOT at the 3rd page but it is way top, it is on the first page of the browser.

I need the windows position relative to the wrapper i am using. What do i do wrong?

General Discussions

answered on 07 Nov 2019

3 answers

135 views

Performance issue with KendoGrid in IE11

In IE11 Kendo Grid Render of average amount of data could take up to 10s or even more. This issue is a blocker for our project.

There is a demo with simple table with 500 rows and 24 columns, please see attachment kendo-grid-demo.zip

Please comment upon this ticket. It would be great to know when this ticket will be fixed.

Br,

Iurii

General Discussions