我的 webgrid 有问题,在我的一个专栏中我有一个 actionlinks,它有一个带有点击功能的 JavaScript,一切正常。但是在我对任何列进行排序或对网格进行分页后,我的 JavaScript 停止工作。我已经删除了 ajaxupdatecontainerID
属性,我的 JavaScript 在分页后可以正常工作,但我无法再对列进行排序,并且在分页后浏览器会滚动到页面顶部。检查下面的代码:
<div id="grider">
@{ var grid3 = new WebGrid(Model.webgridlastlopp.ToList(), rowsPerPage: 10, defaultSort: "Status", canPage: true, ajaxUpdateContainerId: "grider");}
@grid3.GetHtml(tableStyle: "webgrid",
headerStyle: "webgrid-header",
footerStyle: "webgrid-footer",
alternatingRowStyle: "webgrid-alternating-row",
selectedRowStyle: "webgrid-selected-row",
rowStyle: "webgrid-row-style",
grid3.Column("Startstation", "Start station/kombiterminal"),
grid3.Column("Slutstation", "Slut station/kombiterminal"),
grid3.Column("Upphämtningsdatum", "Startdatum", format: @<text>@item.Upphämtningsdatum.ToString("yyyy/MM/dd")</text>),
grid3.Column("Leveransdatum", "Leveransdatum", format: @<text>@item.Leveransdatum.ToString("yyyy/MM/dd")</text>),
grid3.Column(format: (item) => Html.ActionLink("Visa detaljer", "OrderDetails", "Home", new { id = item.Ordernummer }, new { @class = "modal", @Style = "color:Gray;" }))
))
</div>
<script type="text/javascript">
$(function () {
$('.modal').click(function () {
alert("hello");
});
</script>
最佳答案
当您翻页时,新的 HTML 会加载到页面中。因此,您需要使用 jQuery live
方法:
<script type="text/javascript">
$(function () {
$('.modal').live('click', function () {
alert("hello");
});
</script>
关于javascript - MVC Webgrid,javascript 在排序和分页后停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9687641/