私はサイトを作っていて、ユーザーが簡単に管理でき、記事を簡単に変更できるように、サイトの管理部分に取り組んでいます。
私は管理者が本当に使いやすいようにjeditableを使いたいと思っていました。
JEditableの一部が動作しています(pタグが入力になりつつあります)。しかし、私はajaxリクエストを通じて製品のIDを送るのに問題があります。
私が現在持っているhtmlコードは次のとおりです(phpによって生成されます):
<table class="admin_list">
<tr>
<th style="width: 110px;">First Name</th>
<th style="width: 110px;">Last Name</th>
<th style="width: 100px;">Date of Birth</th>
<th style="width: 200px;">Email</th>
<th style="width: 140px;">Address</th>
<th style="width: 112px;">Postal Code</th>
<th style="width: 112px;">Town</th>
<th style="width: 120px;">Country</th>
<th style="width: 115px;">Login</th>
<th style="width: 42px;">Action</th>
</tr>
<tr class="2">
<td>Another
</td>
<td>User
</td>
<td>11/11/1911
</td>
<td>[email protected]
</td>
<td>Address
</td>
<td>56130
</td>
<td>Town
</td>
<td>2
</td>
<td>bob
</td>
<td>
D
U
D
</td>
</tr>
<tr class="1">
<td>Daniel
</td>
<td>Lucas
</td>
<td>10/04/1990
</td>
<td>[email protected]
</td>
<td>myAddress
</td>
<td>12345
</td>
<td>myTown
</td>
<td>8
</td>
<td>dan
</td>
<td>
D
U
D
</td>
</tr>
</table>
<input type="text" class="edit_id" value="" />
ここに私が書いたjqueryがあります:
$( function() {
$('.admin_list tr').hover( function() {
$('.edit_id').attr( 'value', $(this).attr('class') );
});
$('.editable').editable("http://localhost/monline/private_html/musiconline/?admin/edit/users/" + $('.edit_id').attr('value'), {
indicator : 'Saving...',
onblur : 'submit',
method : 'PUT'
});
});
あなたが見ることができるように、私は現在の行のIDを取得しているマウスは、(私は避けたい)が、私はページを提出するときにIDがjeditableのURLに設定されていません。
私は管理パネルのインプレースエディタを使いたいので、これをどのようにソートできるのか誰にでも分かりますか?
オプションのリクエストとして、クリックされた入力を囲むtrのクラスを取得する方法はありますか?私は$(this).parent()。parent()。attr( 'class')の行に沿って何か試しました。
ありがとう
ダン