为什么不是我行获取添加到我的表？ [英] Why isn't my row getting added to my table?
问题描述
我使用的这篇文章创建用户在多行单个条目表单上输入的方式。什么样的作家在做什么，我在做什么不同的是，我把我的田地到表中。我的问题是，我没有得到插进我的表新行。我的猜测是，脚本没有找到 #editorRows ，但因为我仍然只有学习jQuery的我不是100％肯定。
我的HTML只显示相关部分
＆LT;＆字段集GT;
＆LT;传奇＆GT;请求详情及LT; /传说＆GT;
＆LT;表＆gt;
＆LT; TBODY ID =editorRows＆GT;
＆LT; TR＆GT;＆LT;第i日期和LT; /第i个百分位＆GT;时间和LT; /第i个百分位＆GT;时间要求＆LT; /第i个百分位＆GT;请求类型＆lt; /第i个百分位＆GT;＆LT; /第i ;＆LT; / TR＆GT;
＆所述; TR类=editorRow＆GT;
＆LT; TD＆GT; ...＆LT; / TD＆GT;
＆LT; TD＆GT; ...＆LT; / TD＆GT;
＆LT; TD＆GT;＆LT; A HREF =＃类=deleteRow＆GT;＆LT; IMG SRC =../../图像/ site_icons / 16 / 69.png称号=删除ALT =删除BORDER =0/＆GT;＆LT; / A＆GT;＆LT; / TD＆GT;
＆LT; / TR＆GT; ＆LT; / TBODY＆GT;
＆LT; /表＆gt; ＆LT; P＆GT;＆LT; A HREF =/ LeaveRequest / BlankRequestedDayRowID =的addItem＆gt;添加白天＆LT; / A＆GT;＆LT; / P＆GT;
＆LT; /字段集＆GT;
我的jQuery的code：
＆LT;脚本类型=文/ JavaScript的＆GT;
$（文件）。就绪（函数（）{
$（＃的addItem）。点击（函数（）{
$阿贾克斯（{
网址：this.href，
缓存：假的，
成功：功能（HTML）{$（＃editorRows）追加（HTML）。 }
}）;
返回false;
}）;
$（a.deleteRow）。生活（点击，函数（）{
$（本）。家长（tr.editorRow：第一），删除（）;
返回false;
}）;
}）;
＆LT; / SCRIPT＆GT;
在/ LeaveRequest / BlankRequestedDayRow的code被调用，所以我的猜测是，code不知道在哪里把它。 BlankRequestedDayRow补充说：
＆LT; TR类=editorRow＆GT;
＆LT; TD＆GT; ...＆LT; / TD＆GT;
＆LT; TD＆GT; ...＆LT; / TD＆GT;
＆LT; TD＆GT;＆LT; A HREF =＃类=deleteRow＆GT;＆LT; IMG SRC =../../图像/ site_icons / 16 / 69.png称号=删除ALT =删除BORDER =0/＆GT;＆LT; / A＆GT;＆LT; / TD＆GT;
＆LT; / TR＆GT;
BlankRequestedDay的完整code的要求：
＆LT;％@控制语言=C＃继承=System.Web.Mvc.ViewUserControl＆LT; EmployeePayroll.ViewModels.LeaveRequestRow＆gt;中％GT;
＆LT;％@导入命名空间=EmployeePayroll.Helpers％GT;＆所述; TR类=editorRow＆GT;
＆LT;使用％（Html.BeginCollectionItem（requestedDays））
{％GT;
＆LT; TD＆GT;＆LT;％= Html.HiddenFor（型号=＆GT; model.DaysRequested.RequestId）％GT;＆LT;％= Html.EditorFor（型号=＆GT; model.DaysRequested.DateOfLeave.Date）％GT;＆LT; / TD＆GT;
＆LT; TD＆GT;＆LT;％= Html.EditorFor（型号=＆GT; model.DaysRequested.DateOfLeave.TimeOfDay）％GT;＆LT; / TD＆GT;
＆LT; TD＆GT;＆LT;％= Html.TextBoxFor（型号=＆GT; model.DaysRequested.HoursRequested，新{大小= 6}）％GT;＆LT; / TD＆GT;
＆LT; TD＆GT;＆LT;％= Html.DropDownListFor（型号=＆GT; model.DaysRequested.RequestType，
新的SelectList（Model.LeaveRequestType，值，文本，Model.DaysRequested.RequestType）（选择））％＆GT;＆LT; / TD＆GT;
＆LT; TD＆GT;＆LT; A HREF =＃类=deleteRow＆GT;＆LT; IMG SRC =../../图像/ site_icons / 16 / 69.png称号=删除ALT =删除BORDER =0/＆GT;＆LT; / A＆GT;＆LT; / TD＆GT;
＆LT;％}％GT;
＆LT; / TR＆GT;
你检查，如果你的AJAX调用返回的东西吗？
与Firefox，你可以使用萤火的控制台检查通话。
I am using this article to create a way for users to enter in multiple rows on a single entry form. The difference of what the author is doing and what I am doing is that I am putting my fields into a table. The problem I have is that I am not getting new rows inserted into my table. My guess is that the script isn't finding #editorRows but since I am still only learning jQuery I am not 100% sure.
My HTML showing only relevant parts
<fieldset>
<legend>Request Details</legend>
<table>
<tbody id="editorRows">
<tr><th>Date</th><th>Time</th><th>Hours Requested</th><th>Request Type</th><th></th></tr>
<tr class="editorRow">
<td>...</td>
<td>...</td>
<td><a href="#" class="deleteRow"><img src="../../images/site_icons/16/69.png" title="Delete" alt="Delete" border="0" /></a></td>
</tr>
</tbody>
</table>
<p><a href="/LeaveRequest/BlankRequestedDayRow" id="addItem">Add Day</a></p>
</fieldset>
My jQuery Code:
<script type="text/javascript">
$(document).ready(function() {
$("#addItem").click(function() {
$.ajax({
url: this.href,
cache: false,
success: function(html) { $("#editorRows").append(html); }
});
return false;
});
$("a.deleteRow").live("click", function() {
$(this).parents("tr.editorRow:first").remove();
return false;
});
});
</script>
The code in /LeaveRequest/BlankRequestedDayRow is being called, so my guess is that the code doesn't know where to put it. BlankRequestedDayRow adds:
<tr class="editorRow">
<td>...</td>
<td>...</td>
<td><a href="#" class="deleteRow"><img src="../../images/site_icons/16/69.png" title="Delete" alt="Delete" border="0" /></a></td>
</tr>
The full code of BlankRequestedDay as requested:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<EmployeePayroll.ViewModels.LeaveRequestRow>" %>
<%@ Import Namespace="EmployeePayroll.Helpers"%>
<tr class="editorRow">
<% using (Html.BeginCollectionItem("requestedDays"))
{ %>
<td><%= Html.HiddenFor(model => model.DaysRequested.RequestId) %><%= Html.EditorFor(model => model.DaysRequested.DateOfLeave.Date)%></td>
<td><%= Html.EditorFor(model => model.DaysRequested.DateOfLeave.TimeOfDay)%></td>
<td><%= Html.TextBoxFor(model => model.DaysRequested.HoursRequested, new { size = 6 })%></td>
<td><%= Html.DropDownListFor(model => model.DaysRequested.RequestType,
new SelectList(Model.LeaveRequestType, "Value", "Text", Model.DaysRequested.RequestType), "(Select)")%></td>
<td><a href="#" class="deleteRow"><img src="../../images/site_icons/16/69.png" title="Delete" alt="Delete" border="0" /></a></td>
<% } %>
</tr>
Did you check if you're ajax call returns something ?
With firefox, you can use firebug's console to inspect the call.
这篇关于为什么不是我行获取添加到我的表？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
