![](/img/trans.png)
[英]Row Cell selection and getting complete row data of the cell using jQuery
[英]Emptying the following cell of row having the same data using jquery
我有一个简单的小提琴: http : //jsfiddle.net/anilca/kbfssbd4/
var dataArr = [
{ DayNum: 0, Day: "Sunday", Group: "A" },
{ DayNum: 1, Day: "Sunday", Group: "B" },
{ DayNum: 2, Day: "Sunday", Group: "C" },
{ DayNum: 3, Day: "Monday", Group: "B" },
{ DayNum: 4, Day: "Monday", Group: "A" },
{ DayNum: 5, Day: "Tuesday", Group: "C" },
{ DayNum: 6, Day: "Tuesday", Group: "B" }
];
var grid = $("#grid").kendoGrid({
dataSource: {
data: dataArr,
sort: [
{ field: "DayNum", dir: "asc" },
{ field: "Group", dir: "asc" }
],
schema: {
model: {
fields: {
DayNum: { type: "number" },
Day: { type: "string" },
Group: { type: "string" }
}
}
}
},
selectable: true,
columns: [
{
field: "Day",
title: "Day"
},
{
field: "Group",
title: "Group"
}
]
}).data("kendoGrid");
我想在适当的一天的首次出现后,为该行的“天”列显示空单元格。 我的意思是我的目标是在不操作数据的情况下获得以下屏幕截图:
我认为有可能在构建kendo网格之后使用jquery来做到这一点。 但是我不知道该怎么做。
提前致谢,
我会使用schema.parse
方法。 此方法可以处理数据,但不会更改数据,这很好。 而且不需要jQuery:
parse: function(data) {
var lastDay = "";
for (var i = 0; i < data.length; i++) {
if (lastDay == "" || data[i].Day != lastDay) {
lastDay = data[i].Day;
}
else {
data[i].Day = "";
}
}
return data;
}
更新小提琴 。
更新:
是的,当我说parse
不会更改数据时,我错了。 实际上,它发生了变化。 您可以做的是创建虚拟属性并对其进行操作:
parse: function(data) {
var lastDay = "";
for (var i = 0; i < data.length; i++) {
if (lastDay == "" || data[i].Day != lastDay) {
lastDay = data[i].Day;
data[i].DayText = data[i].Day;
}
else {
data[i].DayText = "";
}
}
return data;
}
看到我这次正在使用(并创建) DayText
。 您的第一列定义更改为:
{
field: "DayText",
title: "Day"
}
因此,它保持Day
属性不变。 小提琴 。
我在最后添加了一个jQuery-each函数,似乎可以解决问题,请尝试将其添加到javascript的底部:
var day = ""; // holds latest day value
// for each row...
$('tr').each(function(){
var thisDay = $(this).find('td:first').html(); // grab the text from the first column
if (thisDay == day) // if its the same as last time
{
$(this).find('td:first').html(''); // hide it
}
day = thisDay; // hold onto this day
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.