kendo-ui - mvc - kendo ui grid columns
Hacer invisible el botón de comando en Kendo Grid (2)
Soy nuevo en la interfaz de usuario de kendo. En mi código, las columnas se están creando como se muestra a continuación.
grid = $(''#grid'').kendoGrid({
columns: [
{
width: 75,
command: [{
name: "Tag",
click: function (e) {
try {
} catch (ex) {
alert(ex.message);
}
}
}]
},
{ field: "Col18", title: "IsTag", width: 75 },
{ field: "Col8", title: "System", width: 75 },
],
Ahora, en el enlace de datos, en función del valor de origen de datos, están cambiando el color de la fila como se muestra a continuación. Mi problema es que si el color es verde, quiero ocultar el botón de comando. Cómo puedo conseguir esto.
dataBound: function () {
dataView = this.dataSource.view();
for (var i = 0; i < dataView.length; i++) {
var obj = $("#grid tbody").find("tr[data-uid=" + dataView[i].uid + "]");
switch (dataView[i].Aklr) {
case "R":
obj.addClass("red");
break;
case "R+":
obj.addClass("darkred");
break;
case "G":
obj.addClass("green");
break;
}
}
}
Aquí, encuentro la respuesta.
$ ("# grid tbody"). find ("tr [data-uid =" + dataView [i] .uid + "] td: eq (0)"). html ("");
Como ya ha agregado una clase a su fila de la tabla, puede lograr esto con CSS.
http://jsbin.com/fogulena/3/edit?html,css,js,output
.green .k-grid-Tag {
display: none;
}