javascript - 如何在页面加载时单击剑道网格第一行
问题描述
我有剑道网格id = AddressID
。页面加载时如何自动单击第一行?
我尝试了下面的代码但没有运气
var grid = $("#AddressGrid").data("kendoGrid");
grid.select("tr:eq(1)");
我试过这个它选择行但我想触发点击
$(document).ready(function () {
var grid = $("#AddressGrid").data("kendoGrid");
grid.select(grid.tbody.find("tr:eq(1)").click());
});
解决方案
如果您的数据尚未加载,则无需select
. 您必须指定dataBound
事件并添加您自己的处理程序。
更新:change
只要以编程方式或用户鼠标选择行,就会触发该事件。
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
pageSize: 20
},
height: 550,
sortable: true,
selectable: "row",
pageable: { refresh: true, pageSizes: true, buttonCount: 5 },
columns: [
{ field: "ContactName", title: "Contact Name" },
{ field: "ContactTitle", title: "Contact Title" },
{ field: "CompanyName", title: "Company Name" },
{ field: "Country" }
],
change: onChange,
dataBound: onDataBind // Callback handler
});
function onDataBind(e) {
this.select("tr:eq(0)"); // this === $("#grid").data("kendoGrid")
}
function onChange(arg) {
const selected = [...this.select()].pop(); // multi-select is off
const record = this.dataItem(selected);
console.log(record.ContactName);
}
.as-console-wrapper { max-height: 4em !important; }
.as-console .as-console-row .as-console-row-code,
.as-console-row-code, .as-console-row:after { font-size: smaller; }
.k-grid { font-size: 0.667rem; }
.k-grid td { line-height: 1.667rem; }
<link href="https://kendo.cdn.telerik.com/2020.3.915/styles/kendo.common-material.min.css" rel="stylesheet">
<link href="https://kendo.cdn.telerik.com/2020.3.915/styles/kendo.materialblack.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.3.915/js/kendo.all.min.js"></script>
<div id="grid"></div>
推荐阅读
- javascript - 获取数组中动态生成的表单数据
- optimization - 如何加快我的近似自然对数函数?
- html - 在引导程序 3.3 和 jquery 1.1 中单击后,折叠按钮显示但不起作用
- ffmpeg - 在 anaconda 中安装包时出错:尝试为未知包类型制作前缀记录
- kubernetes - 如何在转发到认证服务器之前过滤认证请求?
- php - 如何在 TYPO3 7.6 中实现扩展后端部分的控制器
- python-3.x - 如何加快验证素数的python程序?
- javascript - 重复一个元素,直到它覆盖整个屏幕
- reactjs - 我正在寻找一种方法来修复 react material-ui 中表组件中的第一列
- cluster-computing - Ceph 时钟偏差