0

onClickイベントでオブジェクトを使用して関数を呼び出すボタンを作成するにはどうすればよいですか? 私の特別な場合のエンティティキー?

データベース内のすべてのオブジェクトのテーブルを作成し、削除ボタンを追加したい...削除機能にはキーが必要ですが、これを機能させることができません

次のようなものは機能しません。

htmlString += "<td class='devicenameCol'><input id=\"deleteQuestion\" type=\"button\" value=\"löschen\" onclick=\"deleteQuestion(" + item.key + ");\"/></td>";
4

2 に答える 2

0

テーブルの行にボタンを作成するために、テーブルでこの HTML / Jinja コードを使用します。

<td class="center"><input class="button" type="submit" name="eid={{ rows.eid }}" value="{{ rows.caption }}"></td>

どこ :

  • rows.eid にはエンティティ ID が含まれます
  • rows.caption にはボタンのテキストが含まれています

そして、「eid=」をトークンとして使用して、リクエスト データ内のボタン (トークン) を見つけます。

于 2013-05-31T14:02:50.453 に答える
-1

これにはいくつかの方法があります。属性を使用している場合はonclick、次のようにパラメーターを使用してメソッドを呼び出すことができます。

<button onclick="myFunction(value)" />

リストの作成方法によっては、これは簡単な場合があります。たとえば、ASP.NET MVC を使用している場合、次のことができます。

@foreach(var entity in myEntitireDatabase)
{
    <button onclick="myFunction(@entity.Key)" />
}

ただし、JavaScript を使用してテーブルに入力している場合は、代わりにキーを属性にバインドし、要素から読み取ることができます。たとえば、次のように data-key 属性を追加できます。

<button data-key="value" />

JavaScript では、各ボタンのハンドラーをアタッチします。

button.addEventListener("click", myHandler)

myHandler 関数では、thisポインターが要素に設定されているため、単純に data-key 属性を読み取ることができます。

function myHandler(){
    var key = this.getAttribute("data-key");
    //Code to perform delete
}
于 2013-05-31T10:51:49.917 に答える