Telerik Forums
KendoReact Forum
1 answer
245 views

I put together this plunkr to demonstrator my problem. I want to have a custom editor, but I also want to be able to switch the cell to edit mode onclick. The problem is with how editors are defined I can't pass in arguments to a constructor that could reference the enterEdit method like is shown with renderers.jsx. Columns that have cell defined skip the cellRender routine. I don't see any way to bind my custom editor cell to support an onClick method similar to how non-custom cells can. Help appreciated

https://next.plnkr.co/edit/JK1J5RxG2C6uBqrr

Stefan
Telerik team
 answered on 18 Jul 2018
2 answers
424 views

Hi,

I am using the "kendo-editor-react-wrapper" in my project, and I want to set a initial value for the Editor component. But I cannot find any helpful thing in EditorOption (including change, keyup, keydown, tools, …, etc.)

I know that I can use Editor.value() to set a value for an editor object, but how can I do this in React?

I found someone wrote like <Editor value={the_value} /> : https://stackoverflow.com/questions/48704782/kendo-editor-react-wrapper-display-an-error 

But when I try to write like this, I got an error: " TS2339: Property 'value' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Editor> & Readonly<{ children?: ReactNode; }> & Re...'."

 

ReactJS 15.6.1 and Typescript 2.4.1 are used in my project.

Maybe I have made some stupid mistakes, but I would be grateful if you could provide a solution or suggestion.

Dongsheng
Top achievements
Rank 1
 answered on 17 Jul 2018
2 answers
434 views

Hello,

I'm trying make a TabStip scrollable with the React component.
By default the scrollable propertie is false, How can I set it to true using the React Component ?

I checked this, but this is using Jquery.

I tried : 

public componentDidUpdate() {
  $(".k-tabstrip").kendoTabStrip({
    scrollable: true,
  });
}

But using this each time my component is update, is not really good...

And some weird bugs show up. (here)

This occurs when there is enought space to display all the tabs. When the last one is closed.

So 2 questions :
- How to make a scrollable TabStrip using the React component ?
- And if it's not possible, What viable alternative have we ?

Regards,
Vincent.

Vincent
Top achievements
Rank 1
 answered on 17 Jul 2018
5 answers
115 views

Hello,

  I use your grid, but in Firefox (61), Edge is bad generated headers with filter (not created scroll part in header and filter row). Chrome rendering is OK.

  Thanks Pavel

TREXIMA spol. s r.o.
Top achievements
Rank 1
 answered on 16 Jul 2018
1 answer
2.4K+ views

Hi All,

I have a table with 14 columns, and it obviously does not fit well on small screens. In Kendo UI for jQuery I would normally solve this with frozen column and horizontal scroll. However, frozen columns might not be available untill September. So is it possible to achieve horizontal scrolling on small screens without frozen column?

Stefan
Telerik team
 answered on 12 Jul 2018
3 answers
433 views

I have problem with textField binding to value. My JSON looks like this and I need to bind name.value to textField attribute, but as it is shown below, its not working. How I can manage that?

{
  "id":"some_Id",

  "code":"some_code",
  "name":{
        "value": "Czech republic",
        "translations": []
   },
   etc....
}

<DropDownList
    data={this.props.headerData}
    textField={"name.value"}
    valueField={"id"}
    value={this.props.selectedImporter.id}
    className="dd-header"
    onChange={this.importerContextChanged} />
);
Stefan
Telerik team
 answered on 11 Jul 2018
1 answer
2.7K+ views

I have a problem where if I add a datepicker to a dialog the datepicker always appears behind the dialog.

See here for an example:

https://plnkr.co/edit/XIAgXksJLimneb3NDXAg?p=preview

 

I basically took the following example from your portal and added a datepicker

https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-external-form/

Stefan
Telerik team
 answered on 10 Jul 2018
2 answers
129 views

I fund that the React version is still in Progress status, we would like to have a stable version to use in our project. May I know your planning on this?

Also, for this In-Progress version, is it free if we use in commercial project?

Stefan
Telerik team
 answered on 03 Jul 2018
2 answers
127 views
The way the API docs are setup it makes it seem like Column isn't a component. The GridColumnProps are documented but not Column itself. It makes it hard to determine which components are valid for serving as children of the Grid component. Also, it shows GridRow as a component but I don't see any examples using that. I know this is new and the API docs are probably just a work in progress but if I am overlooking something please let me know.
Stefan
Telerik team
 answered on 29 Jun 2018
3 answers
1.4K+ views

i'm using kendo grid and i want to add OnClick in a button on template column 

here is my code : 

<GridColumn field="Actions" title=" " template="<button type='button' onClick='editUser(&quot;#:Id#&quot;)'><i class='fas fa-pencil-alt'></i></button>"/>

but it is not working.

i aslo tried this code it return null

 

<GridColumn field="Actions" title=" " template={<div dangerouslySetInnerHTML={<Button onClick={()=>this.editUser(null)} color="primary"><i className="fas fa-pencil-alt"></i></Button> }></div>}/>

 


 

Stefan
Telerik team
 answered on 26 Jun 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?