Call Jquery Function - загрузка контента через ajax

Question

Я смотрю, как я могу вызвать идентификатор javascript через href или что-то подобное внутри таблицы сетки (KendoUI).

Это HTML-шаблон.

<script id="description-template" type="text/x-kendo-template">
    <a id="toggleShowIncident" data-code="#: id #">#: generaldescritpion #</a>
</script>

И это функция, которую я хотел бы вызвать,

                $("#toggleShowIncident").click(function(e){
                var data = $(this).data('code');
                var splitter = splitterElement.data("kendoSplitter");

                splitter.ajaxRequest("#left-pane", "/incidents/ajax/show/" + data);
                });

Я не могу пропустить любые другие "#" внутри шаблона, так как он тормозит шаблон KendoUI. Как пример <a href="#" id="id">

Любая помощь, пожалуйста?

Answer 1

Вы можете использовать # внутри шаблона Kendo, вам просто нужно экранировать его как \\#. Но это не твоя проблема. Вы должны привязать щелчок к сетке с помощью фильтра, например ::10000

// Grid initialization
$("#yourgrid").kendoGrid(...);

// Event binding
$("#yourgrid").on("click", ".toggleShowIncident", function() { ...

Таким образом, любой элемент (включая элементы, добавленные после привязки события, например, в случае перезагрузки источника данных) с классом toggleShowIncident будет прослушивать это событие. Вы должны изменить id на класс, чтобы повторить его по сетке.

Демо