Kendo React Grid - добавить столбец гиперссылки - PullRequest
Новая
       13

Kendo React Grid - добавить столбец гиперссылки

0 голосов
/ 26 июня 2018

Я использую Kendo React Grid и пытаюсь найти способ добавить столбец в мою сетку, который является гиперссылкой. Это было просто с оболочками Kendo React или виджетами jQuery, но я не могу найти пути с чистыми компонентами React.

Я попытался создать компонент React, подобный следующему: 

class LinkCell extends React.Component {
	constructor(props) {
		super(props);		
	}

	render() {
		return (
			<td><a href={this.props.url}> { this.props.title }</a>
			</td>
		);
	}
}

Это прекрасно работает, если я хочу, чтобы то же самое для href и заголовка в каждой строке. То, что я не могу сделать, это найти способ передать столбец из данных текущих строк (в Kendo jQuery вы бы использовали #: COLUN #

1 Ответ

0 голосов
/ 04 июля 2018

В вашем примере { this.props.dataItem} будет значением для текущей строки на основе data, переданной в Grid. Обратите внимание, что вы даже можете использовать его как функциональный компонент. В этом случае вам нужно пропустить ключевое слово this реквизита. 

  <Column 
   field="ProductID" 
   title="ID" 
   width="40px" 
   cell={ (props) => 
      <td>
         <a href={props.dataItem.ProductID}>
            { props.dataItem.ProductName}
         </a>
       </td>
       }
    />

Все доступные реквизиты ячейки, которые пройдет сетка, доступны в официальной API-ссылке Kendo React Grid

...