查看: 5089|回复: 7

treedatagrid列上的headerCls不起作用 [复制链接]

pvfhv

注册会员

Rank: 2

电梯直达

楼主

发表于 2013-9-18 23:13:35 |只看该作者 |倒序浏览

treedatagrid列上的headerCls不起作用，请检查一下！

收藏0

niko

管理员

Rank: 9 Rank: 9 Rank: 9

沙发

发表于 2013-9-19 17:23:28 |只看该作者

headerCls是设置到列上的，是起作用的

pvfhv

注册会员

Rank: 2

板凳

发表于 2013-9-22 08:47:52 |只看该作者

niko 发表于 2013-9-19 17:23
headerCls是设置到列上的，是起作用的

以下是代码，请检查一下为什么不起作用？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
      .hCls{
         background:red;
      }
</style>
<script src="../../scripts/boot.js"></script>
</head>
<body>
<div id="treegrid" class="mini-treegrid" url="../../demo/data/tasks.txt" idfield="UID" parentfield="ParentTaskUID" resultastree="false" treecolumn="taskname" allowDrag="true" allowDrop="true" allowmovecolumn="false" allowresizecolumn="false" allowresize="true"  allowCellEdit="true" allowCellSelect="true" allowLeafDropIn="true">
      <div property="columns">
         <div type="indexcolumn"></div>
         <div name="taskname" field="Name" width="160" allowDrag="true" headerCls="hCls">任务名称</div>
         <div field="PercentComplete" width="80">进度</div>
         <div field="Duration" width="60" align="right">工期</div>
         <div field="Start" width="80" dateformat="yyyy-MM-dd">开始日期
            <div property="editor" class="mini-datepicker"></div>
         </div>
         <div field="Finish" width="80" dateformat="yyyy-MM-dd">完成日期</div>
      </div>
</div>
</body>
</html>