jQuery MiniUI

标题: 怎么高亮显示datagrid单元格中匹配中的关键词？ [打印本页]

作者: joyoes 时间: 2022-3-18 09:15:47 标题: 怎么高亮显示datagrid单元格中匹配中的关键词？

就像百度搜索出来的样子，关键词是红色标注显示出来的！[attach]13535[/attach]

作者: felt 时间: 2022-3-18 09:55:30

这效果只能绘制了，判断匹配同样的文字，绘制特殊的演示，然后刷新一下表格了。

作者: joyoes 时间: 2022-3-23 08:32:40

felt 发表于 2022-3-18 09:55
这效果只能绘制了，判断匹配同样的文字，绘制特殊的演示，然后刷新一下表格了。 ...

你的意思是使用drawcell这个事件里处理关键字高亮的问题，可以给个示例吗？

作者: felt 时间: 2022-3-24 15:13:49

joyoes 发表于 2022-3-23 08:32
你的意思是使用drawcell这个事件里处理关键字高亮的问题，可以给个示例吗？ ...

var str = "aa"
      grid.on("drawcell", function (e) {
         if(typeof e.value=="string"){
            e.cellHtml=e.value.replace(str,"<font color='red'>"+str+"</font>")
         }
      })
当然如果有变更，需要重绘一次表格

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