jQuery MiniUI

 找回密码
 立即注册
楼主: xhd92811
打印 上一主题 下一主题

datagrid如何修改cellhtml [复制链接]

Rank: 8Rank: 8

11#
发表于 2017-2-27 17:37:40 |只看该作者
xhd92811 发表于 2017-2-27 16:24
那有么有办法做到我要的那种效果

请具体详细说明你的需求,如果只是有效无效切换可以参考2楼的例子。

Rank: 2

12#
发表于 2017-2-28 09:26:26 |只看该作者
dforce 发表于 2017-2-27 17:37
请具体详细说明你的需求,如果只是有效无效切换可以参考2楼的例子。

...............................我也是醉了,都说了2楼的代码无法实现

Rank: 2

13#
发表于 2017-2-28 09:28:58 |只看该作者
dforce 发表于 2017-2-27 17:37
请具体详细说明你的需求,如果只是有效无效切换可以参考2楼的例子。

你2楼的代码无非是API手册里面的例子,很早就看过

Rank: 8Rank: 8

14#
发表于 2017-2-28 10:15:18 |只看该作者
xhd92811 发表于 2017-2-28 09:28
你2楼的代码无非是API手册里面的例子,很早就看过

这例子就是切换的html,你到底需要做什么,请清楚描述,从你前面的代码和描述我看不出来你的需求和这例子有什么差别。

Rank: 2

15#
发表于 2017-2-28 10:41:09 |只看该作者
dforce 发表于 2017-2-28 10:15
这例子就是切换的html,你到底需要做什么,请清楚描述,从你前面的代码和描述我看不出来你的需求和这例子 ...

效果做到了,瞎拼乱凑...做了好几天..整个人都烦躁了,刚才烦的要狂暴了,因为这个e.column针对每个行有全部的列对象...搞死了,一直以为是只有1个列~~还有个问题是,在页面grid.load()后,我去drawcellgrid,第一次效果,不实现,再次点击才会实现~~这是为什么??

var rows =grid.data;
                var columns=grid.columns;
                         grid.on("drawcell",function(e){
                                  var record = e.record,column = e.column,field = e.field,value = e.value;
                                  for(var i=0;i<rows.length;i++){
                                          if (column.name == "action"&&rows.STATUS==0&&e.rowIndex==i) {
                                e.cellStyle = "text-align:center";
                                e.cellHtml = '<span>有效</span>&nbsp;'+'<a href="javascriptManager()">无效</a>';
                            }else if(column.name == "action"&&rows.STATUS=="1"&&e.rowIndex==i){
                                    e.cellStyle = "text-align:center";
                                e.cellHtml = '<a href="javascript:Manager()">有效</a>&nbsp;'+'<span">无效</span>';
                            }
                                  
                                  }
                                 
               
                        });       

Rank: 2

16#
发表于 2017-2-28 10:49:54 |只看该作者
dforce 发表于 2017-2-28 10:15
这例子就是切换的html,你到底需要做什么,请清楚描述,从你前面的代码和描述我看不出来你的需求和这例子 ...

我在grid.load()成功获取数据后,通过mini.get("datagrid").data 成功获取数据展现在页面2条数据,但第一次的查询结果通哟console.log() 看到日志显示为array[],再次点击查询按钮显示为array[obj,obj]~~~~想问下,这个问题出在哪里

Rank: 8Rank: 8

17#
发表于 2017-2-28 13:34:14 |只看该作者
xhd92811 发表于 2017-2-28 10:49
我在grid.load()成功获取数据后,通过mini.get("datagrid").data 成功获取数据展现在页面2条数据,但第一 ...

表格的加载是异步的,你在load后直接使用肯定还没有加载完毕
你这代码也有点冗余,不需要根据整体数据判断
grid.on("drawcell", function (e) {
        var record = e.record, column = e.column, field = e.field, value = e.value;
        if(column.name=="action"){
            if(record.STATUS==0){
             e.cellHtml = '<span>有效</span>&nbsp;' + '<a href="javascript:Manager()">无效</a>';
            }else if ( record.STATUS == 1) {
                e.cellHtml = '<a href="javascript:Manager()">有效</a>&nbsp;' + '<span">无效</span>';
            }
        }
    });  

Rank: 2

18#
发表于 2017-2-28 13:58:57 |只看该作者
dforce 发表于 2017-2-28 13:34
表格的加载是异步的,你在load后直接使用肯定还没有加载完毕
你这代码也有点冗余,不需要根据整体数据判 ...

恩,加了个延迟1秒显示,又加了个reload来实现无效有效的刷新,就是页面那一闪,感觉好变扭,之前没看过record是什么,非常感谢~~..Ps:代码冗余不要太多,完全是瞎搞瞎捉摸,深感太水=.=..

Rank: 8Rank: 8

19#
发表于 2017-2-28 15:00:20 |只看该作者
xhd92811 发表于 2017-2-28 13:58
恩,加了个延迟1秒显示,又加了个reload来实现无效有效的刷新,就是页面那一闪,感觉好变扭,之前没看过r ...

还是有点不清楚你这的逻辑,name=action这列你绘制了有效和无效,而你还要更新这列field的数据,再怎么更新都是看不到的,这列上看到的还是有效和无效。

Rank: 2

20#
发表于 2017-2-28 15:17:56 |只看该作者
本帖最后由 xhd92811 于 2017-2-28 15:19 编辑
dforce 发表于 2017-2-28 15:00
还是有点不清楚你这的逻辑,name=action这列你绘制了有效和无效,而你还要更新这列field的数据,再怎么更 ...

我这一列是没有数据的,是一个操作列,我单独弄了1个隐藏列去存Status(Ps:当时也不清楚,如果放一个列会如何,就直接这么干了)
比如 有效  无效   前面显示状态,后面为操作按钮  
后面加个超链接,触发事件进行改变    变成  无效  有效  (Ps:上头的要求...反正就这么干)
然后顺便想问下,jquery mini 能用 autocomplete 能进行用户输入值进行搜索和过滤么?

Archiver|普加软件

GMT+8, 2025-5-12 13:08 , Processed in 1.043371 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部