Onclick Ereignis des Knopfes in jeder Reihe gesetzt jqgrid nicht feuernd?

Question

Situation: Meine App führt eine AJAX-Anforderung aus und die empfangenen Daten werden im folgenden JQgrid angezeigt. listData(data) ist eine Funktion, die in success Rückruf dieser Ajax-Anforderung aufgerufen wird

data ist die JSON-Daten von Anfrage erhalten.

buildJqGrid ist eine benutzerdefinierte Funktion, die die .jqgrid() auf einer Tabelle und einem div HTML-Element aufruft.

buttonFormatter ist meine benutzerdefinierten Formatierer für die Spalte mit dem Namen Action

function listData(data) { 
    var containerName = 'datatablea3', 
     columnNames = ["Name", 
      "Email", 
      "Language", 
      "Office", 
      "alter email", 
      "Action" 
     ], 
     columnModels = [{ 
      name: 'Name', 
      index: 'Name', 
      width: '200px' 
     },{ 
      name: 'Email', 
      index: 'Email', 
      width: '200px' 
     }, { 
      name: 'Language', 
      index: 'Language', 
      width: '200px' 
     }, { 
      name: 'Office', 
      index: 'Office', 
      width: '200px' 
     }, { 
      name: 'AlterEmail', 
      index: 'AlterEmail', 
      width: '200px' 
     }, { 
      name: 'action', 
      width: '200px', 
      formatter: buttonFormatter 
     }], 
     sortColumnName = 'Name', 
     caption = "Employees", 
     rowNum = 25, 
     pager = '#pager2a3', 
     grouping = false, 
     groupingView = {}, 
     rowList = [25, 50, 100]; 

    buildJqGrid(containerName, data, columnNames, columnModels, 
      sortColumnName, caption, rowNum, pager, grouping, 
       groupingView, rowList, true, 'asc'); 
} 

Problem: Wenn dieses jsp ausgeführt Daten erfolgreich in der jqgrid mit Blick Schaltfläche in jedem Datensatz angezeigt wird, aber wenn ich auf die Schaltfläche view button nichts passiert!

Ich habe in der Konsole überprüft es zeigt "Kontrolle in Formatierer", aber beim Klicken auf Ansicht Schaltfläche zeigt es nicht "Kontrolle in Klick-Funktion".

Ich habe versucht, auch dort editLink Formatierer, aber immer noch denselben Fehler verwenden,

Kann mir jemand bitte sagen, warum onclick Ereignis meiner Schaltfläche Brennen nicht wahr?

Answer 1

"Klicken" ist bereits eine Funktion, und daher überschreiben Sie es, und nichts wird ausgelöst.

Versuchen Sie, diese

function buttonFormatter(cellvalue, options, rowObject) 
{ 
console.log("control in button formatter"); 
return '<button onclick=\"clickFunction();\">View</button>'; 
} 
function clickFunction() 
{ 
    console.log("control in click function"); 
    alert("hello"); 
} 

Einfache Geige: https://jsfiddle.net/virginieLGB/5e5LL5po/1/

Answer 2

wie diese versuchen, ich auch gleiche Funktionalität (JQ Grid) in meinem Projekt verwenden, versuchen HTML-Eingabetyp anstatt die Taste,

Wenn Sie Ihren Code verwenden, klicken Sie auf Ereignis wurde ausgelöst, aber die gesamte Webseite wird neu geladen.

function buttonFormatter(cellvalue, options, rowObject) { 
 
    if (rowObject.Status != "Not Started") { 
 
     console.log("Zumbaa"); 
 
     var edit = "<input class='Viewbtn' type='button' value='View' onclick=\"ShowMigrationProcess(" + cellvalue + ");\" />"; 
 
     return edit; 
 
    } 
 
    return ''; 
 
}