jQuery MiniUI

标题: 在miniui中，可以使用高亮插件heightlight.js吗？特别是在DataGrid [打印本页]

作者: 50030 时间: 2013-11-24 18:54:46 标题: 在miniui中，可以使用高亮插件heightlight.js吗？特别是在DataGrid

本帖最后由 50030 于 2013-11-24 18:54 编辑

不知道怎么在miniui中配合使用jquery的高亮插件heightlight.js ，
但在页面中做了测试，加个p标签是可以高亮的，比如：

<style type="text/css">
  span.keyword {color:red;}  //高亮为红色
</style>
<p id="kk">
abcde    //测试高亮
</p>

<div id="datagrid1" class="mini-datagrid" style="width:100%; height:50%;"  allowAlternating="true" allowResize="true" url="__URL__/sale?method=getData" idField="id" pageSize="10">
      <div property="columns">
         <div header="库存：" headerStyle="color:red; font-weight:bold;">
                  <div property="columns">
                  ....
                  </div>
         </div>
      </div>
</div>

<script type="text/javascript" src="__ROOT__/../lib/js/jquery.js"></script>
<script type="text/javascript" src="../Public/js/jquery.highlighter.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#kk").heightlight(["a","c"]); //高亮 abcde中的 a,c，可以变成红色
}):
</script>

===== 在P标签里的"a"和"c"字符可以高亮了 ======

如果要让 <div id="datagrid1"></div>里的表格高亮，我就这样写：
$(document).ready(function(){
$("#datagrid1").heightlight(["a","c"]);    //在datagrid1表格中有 a , c 字符，但无法高亮变红色
}):

可是，却无法高亮表格里的字符，有什么办法可以让表格内部的数据高亮呢？

我是想做查询关键字高亮，这样好更容易看到搜索的字符被高亮。

作者: factory 时间: 2013-11-25 09:20:45

试试用工具看下表格被解析之后的html结构,然后用选择器,针对table,tr或td来使内容高亮

作者: 50030 时间: 2014-1-7 15:09:13

factory 发表于 2013-11-25 09:20
试试用工具看下表格被解析之后的html结构,然后用选择器,针对table,tr或td来使内容高亮
...

测试了，可以高亮了，
单是，只有在"loading"状态才高亮，显示以后，高亮就消失了。

这里有个例子

qp500.cn/jxc 点击“出仓”，查询"811" 只有下窗的"811"可以高亮，单上窗的，只一闪而过。

作者: factory 时间: 2014-1-7 16:28:48

50030 发表于 2014-1-7 15:09
测试了，可以高亮了，
单是，只有在"loading"状态才高亮，显示以后，高亮就消失了。

我没有看到哪里有高亮的..就看到库存和出仓 2个表格

作者: 50030 时间: 2014-1-7 20:15:28

本帖最后由 50030 于 2014-1-7 20:19 编辑

factory 发表于 2014-1-7 16:28
我没有看到哪里有高亮的..就看到库存和出仓 2个表格

对不起，是忘了上传了。

另外有一个问题，我搞明白怎么高亮了，是这样子用：

grid.on("update" , function(e){
//这里写高亮代码，比如showHighLight(highStr);
}

问题是，grid返回的数据，除了total , data ，我还加了一个数据，就是highStr ，但这个highStr怎么获取呢？

原来的PHP代码是：
$json = json_encode(array("total"=>$total , "data"=>$data));
print_r($json);

现在变为：
$json = json_encode(array("total"=>$total , "data"=>$data , "highStr"=>'aaaaaa'));
print_r($json);

返回的数据中带有highStr的值了，我该怎么获取highStr呢？

作者: factory 时间: 2014-1-8 09:43:28

50030 发表于 2014-1-7 20:15
对不起，是忘了上传了。

另外有一个问题，我搞明白怎么高亮了，是这样子用：

在onload事件里面

e.highStr试试

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