Telerik Forums
KendoReact Forum
1 answer
590 views

Im using kendo grid inline editing and one of the field is a Dropdown and i'm able to bind the options inside Dropdown but my problem is i need to pass the id of selected option rather than its name....So how can i achieve that??? Here is my code....

 

<DropDownList
          style={{ width: "100px" }}
          onChange={this.handleChange.bind(this)}
          value={value}
          data={this.state.DataSet1.map(item => item.name)}
        />

Stefan
Telerik team
 answered on 15 Nov 2019
6 answers
455 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

Kiril
Telerik team
 answered on 11 Nov 2019
2 answers
377 views

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.   };
Ruud
Top achievements
Rank 1
 answered on 11 Nov 2019
8 answers
2.0K+ views

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

Matej
Top achievements
Rank 1
Veteran
 answered on 08 Nov 2019
2 answers
1.3K+ views

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.

Jiyo
Top achievements
Rank 2
 answered on 08 Nov 2019
1 answer
210 views

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?

Stefan
Telerik team
 answered on 07 Nov 2019
1 answer
246 views

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?

Stefan
Telerik team
 answered on 07 Nov 2019
3 answers
239 views

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?

Stefan
Telerik team
 answered on 07 Nov 2019
3 answers
115 views

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

Stefan
Telerik team
 answered on 06 Nov 2019
2 answers
1.5K+ views

Hi,

How can I add a calendar icon like that of the simple DatePicker (attachment) into the DateRangePicker please?

 

 

Thanks,

Lara

Lara Marie
Top achievements
Rank 1
 answered on 05 Nov 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?