как написать события в onclick гиперссылки в ColModel jqgrid - PullRequest
1 голос
/ 20 декабря 2011

Я хочу записать события в функцию onclick гиперссылки в ColModel jqgrid.Как вызвать функцию в onclick столбца гиперссылки в jqgrid

js-код, как это

colModel:[      
    {name:'controlCenterCode',
    formatter:'showlink',   //formatoptions:editControlCenterPage(results), formatoptions:onClick=editControlCenterPage(results),
    index:results.controlCenterCode, width:70}

, прямой вызов функции работает, но я хочу вызвать функцию в onclickячейка в определенном столбце, как ее решить?

, и я тоже так пытался включить гиперссылку в столбец, также она не работает

{name:'controlCenterCode',index:"<span><a href='#'onclick='editControlCenterPage(results)'>"+results.controlCenterCode+"</a></span>", width:70} 

Пожалуйста,предложи мне решение Спасибо

1 Ответ

1 голос
/ 20 декабря 2011

Я никогда не использовал форматтер showlink, но это должно работать для вас:

Добавьте обработчик событий к вашим ссылкам:

$('[aria-describedby="gridId_columnName"] a').live('click', function() { 
    alert('hello'); 
});

Свойство описанного aria должно быть в формате gridId_columnName, где gridId - это идентификатор элемента, в котором находится ваша сетка: $ ('# gridId'). JgGrid () ..., а columnName - это имя столбец, как определено в colModel, поэтому в вашем случае это будет «controlCenterCode»

Решение, которое я использую:

  1. Используйте пользовательский форматер для визуализации ссылки.
  2. В моей ссылке я назначаю класс (класс не должен существовать ни в одной таблице стилей).
  3. Я заполняю любые данные, которые я хочу передать в ссылку, как атрибут данных . Идентификатор данных не является строго законным в HTML4, но он работает во всех современных браузерах.
  4. Присоединить обработчик событий в реальном времени к элементам этого класса.

Пример:

// custom formatter:
return '<a href="#" class="actionButton" data-id="124">Click Me!</a>';

// attach live event
$('.actionButton').live('click', function() { 
    alert($(this).attr('data-id')); 
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...