jQuery MiniUI

标题: datagrid如何将通过renderer计算出来的字段进行排序 [打印本页]
作者: tonytbl    时间: 2014-8-11 10:12:35     标题: datagrid如何将通过renderer计算出来的字段进行排序

通过renderer计算出来的值无法进行排序，如何实现，代码如下
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title>Client Sorting 客户端列排序</title>
  6.     <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

  8.    
  9.     <script src="../../scripts/boot.js" type="text/javascript"></script>
  10.    
  11.         
  12. </head>
  13. <body>
  14.     <h1>Client Sorting 客户端列排序</h1>

  16.    
  17.     <div id="datagrid1" class="mini-datagrid" style="width:700px;height:280px;"
  18.         url="../data/AjaxService.aspx?method=SearchEmployees"  idField="id"
  19.         sortMode="client"
  20.     >
  21.         <div property="columns">
  22.             <div type="indexcolumn" ></div>
  23.             <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>                             
  24.             <div field="salary" dataType="float" width="100" allowSort="true" >薪资</div>      
  25.           <div field="nnn" dataType="float" width="100" allowSort="true" renderer="nnn">薪资/100</div>                                                   
  26.         </div>
  27.     </div>   
  28.    
  29.     <script type="text/javascript">
  30.         mini.parse();
  31.         
  32.         var grid = mini.get("datagrid1");
  33.         grid.load();

  35.       function nnn(e){
  36.         var ss=e.row;
  37.         return ss.salary/100;
  38.       }
  39.         
  40.     </script>

  42. </body>
  43. </html>
复制代码


作者: felt    时间: 2014-8-11 10:54:16

function nnn(e){
            var ss=e.row;
            ss.nnn=ss.salary/100;
            return ss.salary/100;
}



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2