jQuery MiniUI

标题: grid.addRowCls无效.内详 [打印本页]

作者: nbakill2 时间: 2013-11-15 08:32:27 标题: grid.addRowCls无效.内详

本帖最后由 nbakill2 于 2013-11-15 08:34 编辑

代码如下

function ondrawcell(e) {
         if (e.field == "IsDel") {
            if (e.value == "True") {
                  grid.addRowCls(grid.getRow(e.rowIndex), "DeleteLine");
            }
         }
      }

<style type="text/css">
      .DeleteLine {
         text-decoration:line-through;
      }
</style>

我首先测试了一下 alert(mini.encode(grid.getRow(e.rowIndex))) 有显示行的json 证明是获取到了行对象的.

后台查询到数据,用grid.setData() 赋值上去...这个DeleteLine样式看不到...

miniui是昨天更新的版本

作者: factory 时间: 2013-11-15 09:33:13

function ondrawcell(){

var index = grid.indexOf(record);

         if (index == 3) {
            e.rowStyle = "text-decoration:line-through"
         }
}

作者: nbakill2 时间: 2013-11-15 10:45:33

factory 发表于 2013-11-15 09:33
function ondrawcell(){

var index = grid.indexOf(record);

试了,的确可以...但是只是每一个单元格内的字上面都有删除线..

我要的效果是,整个行....一根长长的删除线,贯穿整行....

另外,我偶然发现IE11标准模式...论坛的文字编辑器看不到了..原本打算上传图片做描述的.

作者: factory 时间: 2013-11-15 10:48:24

nbakill2 发表于 2013-11-15 10:45
试了,的确可以...但是只是每一个单元格内的字上面都有删除线..

text-decoration是文字上的,文字多长,横线就多长的

作者: nbakill2 时间: 2013-11-15 10:51:04

factory 发表于 2013-11-15 10:48
text-decoration是文字上的,文字多长,横线就多长的

那有没有办法,让整个行,添加删除线..或者实现删除线的效果?

因为只有文字上有删除线..这个在人性化上面,体现得不是很好

作者: factory 时间: 2013-11-15 10:53:12

nbakill2 发表于 2013-11-15 10:51
那有没有办法,让整个行,添加删除线..或者实现删除线的效果?

因为只有文字上有删除线..这个在人性化上面, ...

这个需要背景图片来做了

除了一根线,其他部分都透明的图片

作者: nbakill2 时间: 2013-11-15 10:53:45

factory 发表于 2013-11-15 10:53
这个需要背景图片来做了

除了一根线,其他部分都透明的图片

请问,这个如何实现...MINIUI是否考虑更新这个小细节呢.

作者: factory 时间: 2013-11-15 10:58:28

nbakill2 发表于 2013-11-15 10:53
请问,这个如何实现...MINIUI是否考虑更新这个小细节呢.

暂时miniui的删除就是删除掉的,不会是加个横线.
,这个图片你可以让你们美工做一个,图片上放个黑点,或者短线线,图片本身透明.然后让这个图片横向重复铺设即可
然后cellStyle上面加上 background:url(yourImageUrl) repeat-x;

作者: nbakill2 时间: 2013-11-15 11:15:15

factory 发表于 2013-11-15 10:58
暂时miniui的删除就是删除掉的,不会是加个横线.
,这个图片你可以让你们美工做一个,图片上放个黑点,或者短 ...

MiniUI是否会考虑添加这个小细节.如果考虑增加,我就等.

作者: nbakill2 时间: 2013-11-15 11:47:27

factory 发表于 2013-11-15 10:58
暂时miniui的删除就是删除掉的,不会是加个横线.
,这个图片你可以让你们美工做一个,图片上放个黑点,或者短 ...

MiniUI是否会考虑添加这个小细节.如果考虑增加,我就等.

作者: factory 时间: 2013-11-15 12:13:45

nbakill2 发表于 2013-11-15 11:47
MiniUI是否会考虑添加这个小细节.如果考虑增加,我就等.

不会增加该功能,因为miniui的删除,就直接把该数据从表格内去除掉的

作者: nbakill2 时间: 2013-11-15 14:34:51

factory 发表于 2013-11-15 12:13
不会增加该功能,因为miniui的删除,就直接把该数据从表格内去除掉的

那我应该如何在行上面放这么一个图片呢...我能PS出一张你说的图片...但是如何放到每一行呢.

有相应代码吗?

作者: factory 时间: 2013-11-15 14:51:08

nbakill2 发表于 2013-11-15 14:34
那我应该如何在行上面放这么一个图片呢...我能PS出一张你说的图片...但是如何放到每一行呢.

有相应代码 ...

e.rowStyle = "background:url(imageUrl) repeat-x"

作者: nbakill2 时间: 2013-11-16 10:10:48

factory 发表于 2013-11-15 14:51
e.rowStyle = "background:url(imageUrl) repeat-x"

我按照你的方法,做了一张这样的图片.但是我发现.第一次rowStyle="xxxxx"赋值上去不是显示...要第二次赋值才会显示..这是为什么...

作者: factory 时间: 2013-11-18 09:14:40

nbakill2 发表于 2013-11-16 10:10
我按照你的方法,做了一张这样的图片.但是我发现.第一次rowStyle="xxxxx"赋值上去不是显示...要第二次赋值 ...

把你图片发我

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