MVC Webgrid,javascript在排序和分页后停止工作
MVC Webgrid, javascript stops working after sort and paging
我的webgrid有问题,在我的一个专栏中,我有一个actionlink,它有一个带点击功能的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>
jQuery实时
在代码中添加对属性的js函数的引用
@{
var grid3 = new WebGrid(
Model.webgridlastlopp.ToList(),
rowsPerPage: 10,
defaultSort: "Status",
canPage: true,
ajaxUpdateContainerId: "grider",
ajaxUpdateCallback: "GridUpdate");
}
js函数
function GridUpdate(data) {
applyGridChanges();
}
相关文章:
- 我应该将哪些数据传递给 Spotify 应用程序才能使分页工作
- 数据表中的FixedHead没有'删除分页后无法工作
- HTML分页在第一页上搞砸了,之后它工作正常
- 鼠标悬停时 BX滑块停止自定义分页
- MVC Webgrid,javascript在排序和分页后停止工作
- 智能表分页链接不工作
- GridView客户端分页不工作
- Rails: Javascript不能在分页对象上工作
- 在网页网格表上进行实时搜索,分页仅在实际页面上工作
- carouFredSel滑块-上一页,下一页和分页不工作
- 分页-不工作
- AngularJS - ngrid不显示正确的页面大小&分页不工作
- 在jquery移动端更改页面后,滑动分页停止
- 猫头鹰旋转木马自定义图像预览分页不工作
- 额外的jquery不能在数据表分页中工作
- ng表分页不工作
- Telerik数据源Json服务器分页不工作
- 脚本在对WebGrid进行分页后停止工作
- AngularJS分页基本工作了
- 剑道网格分页不工作