Telerik Forums
KendoReact Forum
1 answer
162 views

Hi.

I have setup the Grid component with data from an API call and that all works pretty well. I have also setup a TreeView with data that basically shows locations (states and cities). Also one of the columns in my Grid shows cities.

What I want to achieve is if a user selects a City in the TreeView component, the filter of the Grid Column of the city field should be set to the selected city of the treeview. I know I can use the TreeViewItemClickEvent to handle the clicked item in the TreeView but I am not sure how to put the text of the selected treeview Item into the filter box of the Grid Component. Can you please point me in to the right direction or maybe even have an example on how to do this?

Thanks!

Konstantin Dikov
Telerik team
 answered on 03 Nov 2021
1 answer
122 views

Hi,

 

When viewing a schedule on tablet / mobile views , to move the timeline back/forward, an empty part of timeline needs to be dragged in order to move the timeline. If the drag is started from an event, then the timeline slide / drag event does not occur. Is this possible to achieve so that dragging an event moves the timeline?

Stefan
Telerik team
 answered on 01 Nov 2021
1 answer
224 views

How can we stop losing precision on the grid's numeric cell editor?

https://stackblitz.com/edit/react-wwbyfu?file=app/main.jsx

 

 

 

 

Konstantin Dikov
Telerik team
 answered on 29 Oct 2021
1 answer
341 views

Hi,

I see that the maxDivisions work for dates (category axis documentation) on the CategoryAxis, how about for ints?

My data is like this: 

[{period: 1, value: 2}, {period: 2, value 5},...]

I have a chart with about 360 "categories", using this code I still receive the below graph... How can I use divisions for the category axis of ints or is there another solution?

          <Chart>
            <ChartSeries>
              <ChartSeriesItem
                renderAs={"canvas"}
                data={curveValues}
                type="line"
                field="value"
                markers={{ visible: false }}
                categoryField="period"
              />
            </ChartSeries>
            <ChartCategoryAxis>
              <ChartCategoryAxisItem maxDivisions={30} />
            </ChartCategoryAxis>
            <ChartTooltip format="{0}" />
          </Chart>

Konstantin Dikov
Telerik team
 answered on 29 Oct 2021
1 answer
143 views

Hello

 

I am working agains AWS and it is a two step uploading, one first call to get the url where I have to upload and one second call to upload the file onto that url. I need to access the on click method before the upload uploads in order to get the url where i can upload the file.

 

Some help would be appreciated.

 

kind regards,

Konstantin Dikov
Telerik team
 answered on 28 Oct 2021
1 answer
171 views

Hello,

 

I cannot find an example of the upload with credentials where I can pass an authorization token in the header of the request, some help would be appreciated.

https://www.telerik.com/kendo-react-ui/components/upload/credentials/

 

Thanks,

Stefan
Telerik team
 answered on 28 Oct 2021
1 answer
76 views

for some reason when you zoom the page columns and headers scale differently which leads to slight shift for columns(last column has the biggest shift)

the bigger zoom the bigger shift, is there any way to fix that or what can cause this issue?

Stefan
Telerik team
 answered on 28 Oct 2021
1 answer
104 views

Hello,

We are implementing the dropdown from this example:https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/

But setting the same array of fields with useState but we get the error "Typeerror: data.findindex is not a function" , the code is below, some get would be very appreciated.

  useEffect(()=>{
    fetchCompModelData()

  }, [])

 

constfetchCompModelData = async () => { 

  try{
    const uniqueItemsModel = uniqueElementModel(result.data);
    setCompModelData(uniqueItemsModel);
    debugger
  }catch(err){
    console.log("AXIOS ERROR"err.message);
  }

}

const uniqueElementModel = async (arr=> {  
  const datatest =  ["test",
  "GA 315",
  "V320TS",
  "RS200n-W115",
  "RS110IE-A110",
  "RS110IE-A125"];  
  return datatest
}
const [compModelDatasetCompModelData] = useState([])

return (

          <div>
           
           <div className="mb-3">
                  <label htmlFor="brand-name" className="text-info"> Model </label>
                  <DropDownList 
                      data={compModelData}
                    />  
          

</div>

      </div>        
  )
}
Konstantin Dikov
Telerik team
 answered on 27 Oct 2021
1 answer
575 views

Hi ,

do you have an example of pages and select all

when the onHeaderSelectionChange  event -  select all the items in all pages in grid?

 

in the documention  of  selection - 

the example below , selected all in current page only

 const onHeaderSelectionChange = React.useCallback((event) => {
    const checkboxElement = event.syntheticEvent.target;
    const checked = checkboxElement.checked;
    const newSelectedState = {};
    event.dataItems.forEach((item) => {
      newSelectedState[idGetter(item)] = checked;
    });
    setSelectedState(newSelectedState);
  }, []);

 

thanks!


Filip
Telerik team
 answered on 27 Oct 2021
1 answer
194 views

Hi all, 

I need to add the capability to drag something from a Grid to a TreeList.

As far as my research has taken me, this is not available out of the box.

Can anybody advise me on strategies to make this work?

Thanks!

Sean P

Konstantin Dikov
Telerik team
 answered on 27 Oct 2021
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?