2015-11-17 4 views
3

У меня есть две сетки на моей странице с именем grid1 и grid2.Как передать строковое значение строки из javascript onclick с параметром шаблона, используя сетку kendo ui?

Теперь я хочу, чтобы передать имя сетки, как жёстки к моей 1 общему яваскрипту функции для удаления записей из сетки, как показано ниже:

для сетки 1 функции удаления:

field: "Id", 
template:<a title="delete" onclick="javascript:return Delete(<#=Id#>,<#=grid1#>);" > //showing error in console grid1 is not defined 

для сетки 2 функции удаления:

field: "Id", 
template:<a title="delete" onclick="javascript:return Delete(<#=Id#>,<#=grid2#>);" > //showing error in console grid2 is not defined. 

Моя Javascript функция:

function Delete(id, gridname) { 
     console.log(id,gridname) 
} 
+0

Если вы предоставляете имена в виде литеральных строк, вам не нужно '# = property #' просто предоставить строку, например. 'Удалить (# = id #, 'Grid1');'. На боковой ноте есть причина, по которой вы создаете команду delete, а не используя встроенную команду удаления сетки? –

+0

@DavidShorthose: В моей сетке у меня есть 1 столбец с именем «Действие». Теперь в этом столбце действия мне нужно поместить 2 изображения с именем Edit, delete.So это можно поместить изображение в команду и с возможностью редактирования, я не хочу для выполнения встроенного редактирования или всплывающего редактирования. Возможно ли это? –

+0

Итак, для редактирования вы хотите, чтобы это переместилось на другую страницу/представление или вы хотите, чтобы он привязывался к шаблону редактирования за пределами сетки, но на той же странице? –

ответ

1

Пожалуйста, попробуйте приведенный ниже фрагмент кода. Если вы пишете текст между # (хешем), сетка попытается найти это поле в вашем источнике данных, поэтому вы получили неопределенную ошибку.

JS Функция:

function Delete(id, gridname) { 
      var grid = $("#" + gridname).data("kendoGrid"); 
      console.log(id, gridname) 
} 

для сетки 1 функции удаления:

field: "Id", 
template: "<a title='delete' onclick='javascript:return Delete(\"#:Id#\",\"grid1\");'></a>", 

для сетки 2 функции удаления:

field: "Id", 
template: "<a title='delete' onclick='javascript:return Delete(\"#:Id#\",\"grid2\");'></a>", 

Позвольте мне знать, если какой-либо проблемой.

+1

Вы всегда качаете bro.i думаете, что вы сделали phd на сетке kendo ui, так как вы ответите на большинство вопросов на kendo ui сетка. –

+0

не могли бы вы помочь мне с этим вопросом: http: //stackoverflow.com/questions/34393323/how-to-delegate-telerik-grid-view-common-methods-to-be-call-from-parent-page- сюда –