こんにちは、MVC 3 の 1 つのパーシャルに 2 つのデータテーブルがあります。1 つは Table_1 を表示し、もう 1 つは Table_2 を表示します。データテーブル 1 (行) をダブルクリックすると、Datatables 2 formAddNewRow がポップアップする機能が必要です。これを行う方法はありますか？さらに、Datatables 1 ID がポップアップ フォームに送信されます。
現在、私の部分的なビューにはこれがあります:
<script type="text/javascript">
$(document).ready(function () {
$('#myItemPrice').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": '../AjaxItemPriceProvider?id=@ViewBag.ID',
"sPaginationType": "full_numbers",
"aoColumns": [
{ "sName": "ID",
"bSearchable": false,
"bSortable": false,
"bVisible": true
},
{ "sName": "PDSID",
"bSearchable": false,
"bSortable": false,
"bVisible": false
},
{ "sName": "PID" },
{ "sName": "EffDate" },
{ "sName": "ExpDate" },
{ "sName": "G140" },
{ "sName": "AccID" },
{ "sName": "CCID" }
]
});
});
$(document).ready(function () {
$('#myTierPrice').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": '../AjaxTierPriceProvider?id=@ViewBag.ID',
"sPaginationType": "full_numbers",
"aoColumns": [
{ "sName": "ID",
"bSearchable": false,
"bSortable": false,
"bVisible": false
},
{ "sName": "IPFID",
"bSearchable": false,
"bSortable": false,
"bVisible": false
},
{ "sName": "Quantity" },
{ "sName": "Amount" },
{ "sName": "Maximum Discount Percentage" },
{ "sName": "Maximum Discount Amount" },
{ "sName": "Tax 1" },
{ "sName": "Tax 2" },
{ "sName": "Commission" }
]
}).makeEditable({
sUpdateURL: "../TierPriceUpdate",
sAddURL: "../TierPriceAdd",
sDeleteURL: "../TierPriceDelete"
});
});
</script>
<div class="clear">
</div>
<div id="itemPrice">
<h2>Item Pricing List</h2>
<table id="myItemPrice" class="display">
<thead>
<th>
ID
</th>
<th>
PDSID
</th>
<th>
PID
</th>
<th>
Effective Date
</th>
<th>
Expiry Date
</th>
<th>
G140
</th>
<th>
AccID
</th>
<th>
CCID
</th>
</thead>
<tbody>
</tbody>
<tfoot>
<th>
ID
</th>
<th>
PDSID
</th>
<th>
PID
</th>
<th>
Effective Date
</th>
<th>
Expiry Date
</th>
<th>
G140
</th>
<th>
AccID
</th>
<th>
CCID
</th>
</tfoot>
</table>
</div>
<div class="clear"></div><br />
<div id="itemPrice">
<h2>Item Tier Price List</h2>
<table id="myTierPrice" class="display">
<thead>
<th>ID</th>
<th>IPFID</th>
<th>Quantity</th>
<th>Amount</th>
<th>Maximum Discount Percentage</th>
<th>Maximum Discount Amount</th>
<th>Tax 1</th>
<th>Tax 2</th>
<th>Commission</th>
</thead>
<tbody>
</tbody>
<tfoot>
<th>ID</th>
<th>IPFID</th>
<th>Quantity</th>
<th>Amount</th>
<th>Maximum Discount Percentage</th>
<th>Maximum Discount Amount</th>
<th>Tax 1</th>
<th>Tax 2</th>
<th>Commission</th>
</tfoot>
</table>
</div>
<div>
<button id="btnAddNewRow" value="Ok">
Add New Tier Price</button>
<button id="btnDeleteRow" value="cancel">
Delete Tier Price</button>
</div>
<form id="formAddNewRow" action="#" title="New Tier Price Settings">
<input type="hidden" name="ID" id="ID" value="-1" rel="0" />
<label>
Price ID</label><br />
<input type="text" name="IPFID" id="IPFID" rel="2" /><br />
<br />
<label>
Quantity</label><br />
<input type="text" name="Qty" id="Qty" rel="2" /><br />
<br />
<label>
Amount</label><br />
<input type="text" name="Amt" id="Amt" rel="3" /><br />
<font color="green">Leave empty to use default pricing</font><br />
<br />
<label>
Maximum Discount Percent</label><br />
<input type="text" name="MaxDiscPct" id="MaxDiscPct" rel="4" /><br />
<br />
<label>
Maximum Discount Amount</label><br />
<input type="text" name="MaxDiscAmt" id="MaxDiscAmt" rel="5" /><br />
<br />
<table style="border-style:none;">
<tr><td>
<label>
Tax 1</label><br />
<input type="text" name="Tax1" id="Tax1" rel="6" style="width:90px;" /><br />
<br /></td>
<td>
<label>
Tax 2</label><br />
<input type="text" name="Tax2" id="Tax2" rel="7" style="width:90px;" /><br />
<br /></td>
</tr>
</table>
<label>
Commission</label><br />
<input type="text" name="Comm" id="Comm" rel="7" /><br />
<br />
</form>
ヒントやガイドをいただければ幸いです。ありがとうございました。