楼主: wendys1127

【datagrid颜色问题】 [复制链接]

dforce

超级版主

Rank: 8 Rank: 8

地板

发表于 2015-11-10 17:45:36 |只看该作者

wendys1127 发表于 2015-11-10 17:26
-----临时弄得一个demo
-------------------------------------------------
CSS:

你这样的操作效率很差
数据量大需要虚拟滚动，虚拟滚动渲染样式不能通过addRowCls来实现
建议用drawcell来处理

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../../scripts/boot.js" type="text/javascript"></script>
<style>
.color
{
background-color: #f3b198;
}
</style>
</head>
<body>
<div id="datagrid" style="width: 500px; height: 300px" class="mini-datagrid"
virtualScroll="true"
>
<div property="columns">
<div field="user" header="姓名">
</div>
<div field="age" header="年龄">
</div>
</div>
</div>
<script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid");
function ChangeColor() {
var rows = [];
for (var i = 0; i < 1000; i++) {
var row={
user: '姓名' + i,
age: '20'
};
rows.push(row);
}
grid.setData(rows);
}
ChangeColor();
grid.on("drawcell", function (e) {
e.rowCls = "color";
})
</script>
</body>
</html>

复制代码

wendys1127

中级会员

Rank: 3 Rank: 3

板凳

发表于 2015-11-10 17:26:17 |只看该作者

dforce 发表于 2015-11-10 16:51
请提供重现页面

-----临时弄得一个demo
-------------------------------------------------
CSS:
.color{
background-color:#f3b198;
}

--Html
<div id="datagrid">
  <div property=columns>
   <div field="user" header="姓名"></div>
   <div field="age" header="年龄"></div>
  </div>
</div>

-------------------------
脚本部分
<script>
mini.parse();
var grid=mini.get("datagrid");

function ChangeColor(){
for(var int i=0,i<1200;i++){
  grid.addRow({
user:'姓名'+i,
age:'20'
});
}
}

var data=grid.getData();
for(var i=0;i<data.length;i++){
grid.addRowCls(data,"color");
}

</script>

以上示例

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2015-11-10 16:51:05 |只看该作者

请提供重现页面

12

返回列表

		自动登录	找回密码
密码			立即注册