jQuery MiniUI

标题: treedatagrid列上的headerCls不起作用 [打印本页]

作者: pvfhv 时间: 2013-9-18 23:13:35 标题: treedatagrid列上的headerCls不起作用

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

作者: niko 时间: 2013-9-19 17:23:28

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

作者: pvfhv 时间: 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>

作者: factory 时间: 2013-9-22 09:11:18

pvfhv 发表于 2013-9-22 08:47
以下是代码，请检查一下为什么不起作用？

[attach]2902[/attach]
不是好的吗?

另外,你的页面头部<!DOCTYPE html> 建议写完整

作者: lost 时间: 2013-9-22 09:16:30

本帖最后由 lost 于 2013-9-22 09:21 编辑

pvfhv 发表于 2013-9-22 08:47
以下是代码，请检查一下为什么不起作用？

你把 <script src="../../scripts/boot.js"></script> 这句引用移到css上面去。你试下

作者: pvfhv 时间: 2013-9-22 09:25:20

lost 发表于 2013-9-22 09:16
你把这句引用移到css上面去。你试下

可以了，但是框架这种过于注重前后顺序的用法，有些太不方便了，也无法让开发者理解！

作者: factory 时间: 2013-9-22 09:32:17

pvfhv 发表于 2013-9-22 09:25
可以了，但是框架这种过于注重前后顺序的用法，有些太不方便了，也无法让开发者理解！ ...

因为同样是.hCls{...}
权重一样的话,就按照先后顺序,所以效果被后来的boot.js里面的默认皮肤样式覆盖了
你加上
body. .hCls{...}
加大你自定义的权重,就会采用你的样式了,这个是CSS规则的,并非miniui上的问题

作者: pvfhv 时间: 2013-9-22 09:39:39

factory 发表于 2013-9-22 09:32
因为同样是.hCls{...}
权重一样的话,就按照先后顺序,所以效果被后来的boot.js里面的默认皮肤样式覆盖了
...

理解了，谢谢。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)