Jquery 按钮赢了';t使用自定义命令(剑道UI)添加到列
我试图在最后一列添加按钮,使其成为onClick->model窗口 按钮将不会显示为新列Jquery 按钮赢了';t使用自定义命令(剑道UI)添加到列,jquery,kendo-ui,kendo-grid,Jquery,Kendo Ui,Kendo Grid,我试图在最后一列添加按钮,使其成为onClick->model窗口 按钮将不会显示为新列 浏览器看到的js文件与visualStudio中的相同 我试图重建这个项目 重命名js文件 重新启动:) 浏览器检查器让我明白没有新的 生成的列 请告诉我出了什么问题?非常感谢 $(document) .ready(function() { //KendoGrid var tabStrip; var GridObject; var expandedRowDataIt
- 浏览器看到的js文件与visualStudio中的相同
- 我试图重建这个项目
- 重命名js文件
- 重新启动:)
- 浏览器检查器让我明白没有新的 生成的列
$(document)
.ready(function() {
//KendoGrid
var tabStrip;
var GridObject;
var expandedRowDataItem;
var accountInfoTabData;
var rowObject;
$("#grid")
.kendoGrid({
dataSource: {
transport: {
read: {
url: "/api/GridData/GetCustomers",
dataType: "json"
}
},
pageSize: 20,
schema: {
parse: function(response) {
$.each(response,
function(idx, elem) {
if (elem.RegistrationDate && typeof elem.RegistrationDate === "string") {
elem.RegistrationDate = kendo.parseDate(elem.RegistrationDate);
}
if (elem
.RemovalFromClientsDate &&
typeof elem.RemovalFromClientsDate === "string") {
elem.RemovalFromClientsDate = kendo.parseDate(elem.RemovalFromClientsDate);
}
});
return response;
}
}
},
autoBind: true,
height: 550,
filterable: true,
groupable: true,
sortable: true,
//editable: "inline",
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
detailTemplate: kendo.template($("#template").html()),
detailInit: detailInit,
detailExpand: function(e) {
//this.collapseRow(this.tbody.find(" > tr.k-master-row").not(e.masterRow));
expandedRowDataItem = this.dataItem(e.masterRow);
}
},
{
columns: [
{ field: "UniqueClientCode", title: "Уникальный код клиента" },
{ field: "ClientName", title: "Имя клиента" },
{ field: "ClientOKPO", title: "ОКПО клиента" },
{
field: "RegistrationDate",
title: "Дата регистрации",
type: "date",
format: "{0:dd/MM/yyyy}"
},
{
field: "RemovalFromClientsDate",
title: "Дата удаления из клиентов",
type: "date"
},
{
command: { text: "View Details", click: showDetails },
title: "View DT",
width: "50px"
}
]
});
function showDetails(e) {
alert("view");
}
在列定义的最后一列尝试此操作 编辑:(剃刀):
columns.Template(p=>{}).ClientTemplate(“”).Width(130).Title(“编辑/删除”).HtmlAttributes(新的{@class=“tdCenter”});
很抱歉设置此问题。问题已经被发现了。。。那东西太蠢了。。。“括号”
列部分在单独的括号中:
{
columns: [
/*some code*/
]
}
不知怎的,除了最后一列有按钮外,它对整个网格都有效
应该是这样的:
$("#grid")
.kendoGrid({
dataSource: {
/*DataSource*/
},
columns: [ /*some code*/
]
});
我认为命令的正确语法是使用
name
而不是text
。在您的例子中,有人这样想:{name:“查看详细信息”,单击:showDetails}我仔细检查了他们的文档,看起来您可以同时使用这两个命令。我目前无法测试您的代码,但我回家后会看一看。您是否检查了控制台中的错误?我粘贴了你的代码,效果很好。将“文本”更改为“名称”不会影响问题。控制台中也没有一个错误,是剃刀语法?我不知道如何实现我的代码在js文件(jquery)中
$("#grid")
.kendoGrid({
dataSource: {
/*DataSource*/
},
columns: [ /*some code*/
]
});