Html表tr / td属性按钮单击popupform以填充数据 [英] Html table tr/td attribute button click popupform to fill data

问题描述

有拼图，

i在cshtml表中有列表视图，它有两个按钮1是编辑，2是详情

关于此行属性编辑点击我需要打开一个新的popupForm



i尝试但没有响应后btn点击



需要示例教程



我尝试过：



html table

< table class =tbl1 table table-responsive table-hover table-bordered id =tbl1style =width：100％> 
 
< tr style =background-color：palegoldenrod; height：135％> 
< td class =hidme>< / td> 
< td style =width：30％> 
 @ Html.ActionLink（SypplyerName，ListGetINV2，new {sortOrder = ViewBag.NameSortParm，currentFilter = ViewBag.CurrentFilter}）
< / td> 
< td> 
发票否
< / td> 
< td> 
 @ Html.ActionLink（Invice Date，ListGetINV2，new {sortOrder = ViewBag.DateSortParm，currentFilter = ViewBag.CurrentFilter}）
< / td> 
< td> 
 TaxAmount 
< / td> 
< td> 
发票金额
< / td> 
< td>< / td> 
< / tr> 
 @foreach（模型中的var项）
 {
< tr style =background-color：＃eff6de> 
< td class =hidme> 
 @ Html.HiddenFor（modelItem => item.PerTranId，new {@class =PerTranId text-danger}）
< / td> 
< td> 
 @ Html.DisplayFor（modelItem => item.SypplyerName）
< / td> 
< td> 
 @ Html.DisplayFor（modelItem => item.InvoiceNo）
< / td> 
< td> 
 @ Html.DisplayFor（modelItem => item.InvoiceDate）
< / td> 
< td> 
 @ Html.DisplayFor（modelItem => item.TaxAmount）
< / td> 
< td> 
 @ Html.DisplayFor（modelItem => item.TotalAmount）
< / td> 
< td> 
 @ Html.ActionLink（编辑，EditInv，新{id = item.PerTranId}）| 
 
< input type =submitclass =dtl btn btn-warningid =EditInvonclick =PopupForm（'@ Url.Action（EditInv，Perchus）' ）/> 
< / td> 
 
< / tr> 
} 
< / table> 

jquery code

 var popup; 
 $（'＃EditInv'）。on（'Click'，'input.dtl'，function（）{
 function PopupForm（url）{
 var formDiv = $（'< div />'）; 
 $ .get（url）
 .done（function（response）{
 formDiv.html（response）; 
 
 popup = formDiv.dialog（{
 autoOpen：true，
 resizable：false，
 title：'EDIT INVOICE REORD'，
 height：500，
 width：600，
 close：function（）{
 popup.dialog（'distroy'）。remove（）; 
} 
 
}）; 
}）; 
 
} 
}）
 

解决方案

（'＃EditInv'）。 （'Click'，'input.dtl'，function（）{
function PopupForm（url）{
var formDiv =

（'< div /> ;'）;

.get（url）
.done（function（response）{
formDiv.html（response）;

popup = formDiv.dialog（{
autoOpen：true，
resizable：false，
title：'EDIT INVOICE REORD'，
height：500 ，
宽度：600，
关闭：function（）{
popup.dialog（'distroy'）。remove（）;
}

} ）;
}）;

}
}）

hi ,

there is puzzle ,
i have list view in cshtml table and its have two button 1 is edit and 2 is details
on this row attribute edit click i need to open a new popupForm

i tried but non of response after btn click

need example tutorial

What I have tried:

html table

<table class="tbl1 table table-responsive table-hover table-bordered" id="tbl1" style="width:100%">

			<tr style="background-color:palegoldenrod;height:135%">
				<td class="hidme"></td>
				<td style="width:30%">
					@Html.ActionLink("SypplyerName", "ListGetINV2", new { sortOrder = ViewBag.NameSortParm, currentFilter = ViewBag.CurrentFilter })
				</td>
				<td>
					Invoice No
				</td>
				<td>
					@Html.ActionLink("Invice Date", "ListGetINV2", new { sortOrder = ViewBag.DateSortParm, currentFilter = ViewBag.CurrentFilter })
				</td>
				<td>
					TaxAmount
				</td>
				<td>
					Invoice Amount
				</td>
				<td></td>
			</tr>
			@foreach (var item in Model)
			{
				<tr style="background-color:#eff6de">
					<td class="hidme">
						@Html.HiddenFor(modelItem => item.PerTranId, new { @class = "PerTranId text-danger" })
					</td>
					<td>
						@Html.DisplayFor(modelItem => item.SypplyerName)
					</td>
					<td>
						@Html.DisplayFor(modelItem => item.InvoiceNo)
					</td>
					<td>
						@Html.DisplayFor(modelItem => item.InvoiceDate)
					</td>
					<td>
						@Html.DisplayFor(modelItem => item.TaxAmount)
					</td>
					<td>
						@Html.DisplayFor(modelItem => item.TotalAmount)
					</td>
					<td>
						@Html.ActionLink("Edit", "EditInv", new { id = item.PerTranId }) |
						
						<input type="submit" class="dtl btn btn-warning" id="EditInv" onclick="PopupForm('@Url.Action("EditInv","Perchus")')" />
					</td>

				</tr>
			}
		</table>

jquery code

    var popup;
$('#EditInv').on('Click', 'input.dtl', function () {
    function PopupForm(url) {
        var formDiv = $('<div/>');
        $.get(url)
            .done(function (response) {
                formDiv.html(response);

                popup = formDiv.dialog({
                    autoOpen: true,
                    resizable: false,
                    title: 'EDIT INVOICE REORD',
                    height: 500,
                    width: 600,
                    close: function () {
                        popup.dialog('distroy').remove();
                    }

                });
            });

    }
})

解决方案

('#EditInv').on('Click', 'input.dtl', function () { function PopupForm(url) { var formDiv =

('<div/>');

.get(url) .done(function (response) { formDiv.html(response); popup = formDiv.dialog({ autoOpen: true, resizable: false, title: 'EDIT INVOICE REORD', height: 500, width: 600, close: function () { popup.dialog('distroy').remove(); } }); }); } })

这篇关于Html表tr / td属性按钮单击popupform以填充数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！