在剑道网格延迟初始化后绑定点击事件
Bind click event after deferred initialization of Kendo Grid
如何在加载延迟脚本后绑定点击事件?
我有一个Kendo Grid(在Razor中)由于性能问题延迟初始化。所以所有的js脚本都包含在文档的末尾。
@(Html.Kendo().Grid<MyViewModel>()
.Name("myGrid")
.Columns(columns =>
{
columns.Bound(c => c.Name);
columns.Bound(c => c.City);
columns
.Bound(c => c.Id)
.Title("Commands")
.Sortable(false)
.Filterable(false)
.ClientTemplate(
"<a href='" + @Url.Action("Details", new { id = "#=Id#" }) +
"' class='btn btn-success' title='Details'>" +
"<span class='glyphicon glyphicon-list'></span></a>" +
"<a href='" + @Url.Action("Edit", new { id = "#=Id#" }) +
"' class='btn btn-info' title='Edit'>" +
"<span class='glyphicon glyphicon-pencil'></span></a>" +
"<a href='''#' data-id='#=Id#' data-action='deactivate' " +
"class='btn btn-warning' title='Desactivate'>" +
"<span class='glyphicon glyphicon-remove-sign'></span></a>"
);
})
.Pageable()
.Sortable()
.Filterable()
.DataSource(ds => ds
.Ajax()
.Read(read => read.Action("ReadData", "MyController")).Sort(a => a.Add("Name")))
.Deferred()
)
然后我在末尾有一个部分,我想将单击事件绑定到每个具有data-action='deactivate'
属性的元素的<a>
单击。问题是延迟初始化是在我的文档准备好之后执行的。
@section scripts {
@Scripts.Render("~/bundles/kendo")
@Html.Kendo().DeferredScripts()
<script>
$(document).ready(function () {
$('[data-action="deactivate"]').click(function (event) {
var id = $(event.target).attr('data-id');
alert(id);
});
});
</script>
}
尝试使用事件委派
http://learn.jquery.com/events/event-delegation/$(document).on('click', '[data-action="deactivate"]'function (event) {
var id = $(event.target).attr('data-id');
alert(id);
});
这样,绑定事件时目标DOM元素就不必存在了。
相关文章:
- 在offline.js中绑定事件
- 如何在angularjs中检查Kendo树视图数据绑定事件
- 在页面高度更改时绑定事件
- 在页面重新加载后绑定事件,并仅使用Knockout.js、html和js创建新的html元素
- 使用onbeforeunload绑定事件
- 传递类似绑定事件的参数
- 如何对修改后的元素重新绑定事件
- 聚合物模板自动绑定:在模板绑定事件之前的核心选择火灾
- Jquery差异B/w Jquery绑定事件
- SessionStorage绑定事件
- extjs,如何在表单操作中绑定事件
- 模拟 Web 浏览器方向更改事件以使用 Jasmine 测试绑定事件处理程序函数
- 绑定事件发射器上的单个事件
- 如何在绑定事件期间排除元素
- 将鼠标悬停在位于我的页面上的 iframe 上的绑定事件,其中包含包含的 src
- 在 jQuery 中创建 DOM 之前的绑定事件
- 如何在页面加载时在 ajax 调用中绑定事件处理程序后触发事件
- 使用 ajax 加载的页面绑定和取消绑定事件处理程序
- 咖啡脚本构造函数中的绑定事件
- 将数据添加到动态创建的元素和绑定事件