问题描述
如何从Kendo MVC jquery Grid销毁命令确认消息中获取删除标题?请看截图。 在我的网格命令下面。我要删除“ locahost:50144说”标题。
command: [{ className: "btn ez-icon-btn text-danger",name: "destroy",text: "" }]
有人可以帮我怎么做吗?
仅供参考,我正在使用Kendo jQuery Grid开发ASP.NET MVC。
解决方法
您可以使用移动编辑确认框。 隐藏标题是不可能的(Kendo response)
代码段:
var dataOne = [{
Firstname: 'Tom',Lastname: 'Dillens'
},{
Firstname: 'John',Lastname: 'Wicked'
},{
Firstname: 'Jane',Lastname: 'Candy'
}
];
$('#one').kendoGrid({
dataSource: dataOne,columns: [{
field: 'Firstname'
},{
field: 'Lastname'
},{
command: 'destroy'
}],mobile: "phone",// Use mobile confirmation alert
editable: {
confirmation: true,confirmDelete: "Yes"
} // Required for mobile confirmation alert.
});
.k-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 10001;
width: 100%;
height: 100%;
background-color: #000;
opacity: .5;
-webkit-backface-visibility: hidden;
}
.k-window {
border-radius: 4px;
border-color: #d5d5d5;
color: #2e2e2e;
background-color: #fff;
box-shadow: 1px 1px 7px 1px rgba(0,.12);
padding: 0;
border-width: 1px;
border-style: solid;
line-height: 1.42857143;
display: inline-block;
position: absolute;
z-index: 10001;
}
.k-dialog {
padding: 10px;
min-width: 90px;
min-height: 3em;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
position: fixed;
overflow: hidden;
}
.k-button {
font-size: 14px;
padding: 6px 12px;
margin-bottom: 0;
display: inline-block;
text-decoration: none;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
margin: 5px;
}
.k-button:hover {
color: #333;
background-color: #ededed;
text-decoration: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
<table id='one'></table>