datagrid点击表头自定义排序问题

dragon

factory 发表于 2013-5-20 10:07
你用setData()的话，自己把setData()的数据处理好了排序顺序再setData(),该如何排序，还是你自己处理，我 ...

是啊  我就是需要这样处理 ，但是你们的 headerclick事件有点问题 。。  就是处理了这个事件函数后，居然还是请求服务器端了 。  怎么让他事件不在往下传呢 。。  设置客户端排序 不会服务器端请求。   我现在是需要排序为服务器端排序，但是又不会调用你们的服务器端排序，就像你回答的那样。   关键的问题是 怎么让他事件不在往下传呢 。。  

factory

dragon 发表于 2013-5-22 15:53
是啊  我就是需要这样处理 ，但是你们的 headerclick事件有点问题 。。  就是处理了这个事件函数后，居然 ...

我之前不是说了么，你有没有给你点的那个一列设置了 allowSort  ，你把这个去掉，就不会有后台请求了

这只是一个事件，怎么可能会主动去请求后台呢，请求后台肯定是你列上面设置了allowSort ，所以当你点击列头的时候，会把这一列的field信息传递到后台去，因为这个是我们默认的一个排序。


onheadercellclick="alert(1)"  根本没后台的请求

dragon

factory 发表于 2013-5-22 16:00
我之前不是说了么，你有没有给你点的那个一列设置了 allowSort  ，你把这个去掉，就不会有后台请求了

这 ...

好的 。。 我之前本来想通过后台设置  设置列支持排序通过这个字段的 。 换个字段就可以了 。。。多谢

那我怎么再排序后 为表头 设置 升序或者降序的图标呢

factory

dragon 发表于 2013-5-22 16:04
好的 。。 我之前本来想通过后台设置  设置列支持排序通过这个字段的 。 换个字段就可以了 。。。多谢

...

onheadercellclick="headerclick"

1. function headerclick(e) {
   
2.             var column = e.column;
   
3.             grid.updateColumn(column, { header: column.header + '<span class="mini-grid-sortIcon"></span>' })
   
4.         }

复制代码

试试，这个只是大概的代码，还要处理下 上箭头 换 下箭头
我给你的 <span class="mini-grid-sortIcon"></span> 这个是miniui的箭头，我们是通过修改背景的background-position来实现替换  上下箭头的，你可以自己处理下

dragon

factory 发表于 2013-5-22 16:17
onheadercellclick="headerclick"试试，这个只是大概的代码，还要处理下 上箭头 换 下箭头
我给你的  这 ...

好的 我试试。。。多谢 。。亲 ~~~

dragon

dragon 发表于 2013-5-22 16:21
好的 我试试。。。多谢 。。亲 ~~~

恩  标题 排序图标出来了 。。 要想处理另外一个图标 CSS样式是怎么写的啊 。。谢谢哦 . 那这个我还要处理 .点击其他列排序 . 就需要去掉另外一个列排序标题样式

factory

dragon 发表于 2013-5-22 16:38
恩  标题 排序图标出来了 。。 要想处理另外一个图标 CSS样式是怎么写的啊 。。谢谢哦 . 那这个我还要处 ...

最简单的方式，你再写个向下箭头的CSS，然后修改下<span class="向下箭头的样式">不就可以了么

dragon

factory 发表于 2013-5-22 16:53
最简单的方式，你再写个向下箭头的CSS，然后修改下不就可以了么

不会写哦 ~~~ 。 你发我的那个点一次 就加了一个箭头   怎么移除原来的箭头啊

factory

dragon 发表于 2013-5-23 08:44
不会写哦 ~~~ 。 你发我的那个点一次 就加了一个箭头   怎么移除原来的箭头啊  ...

在替换下e.cellHtml 不就可以了么。。。用个判断什么的

dragon

factory 发表于 2013-5-23 09:38
在替换下e.cellHtml 不就可以了么。。。用个判断什么的

我的意思是   升序和降序的 图标样式 是怎么写的 <span class="mini-grid-desc mini-grid-sortIcon"></span> 这个怎么还是出现的升序的图标呢