easyUI datagrid 实现高级查询不同字段实现不同的editor

最新推荐文章于 2021-02-06 17:53:40 发布

bigwell918

最新推荐文章于 2021-02-06 17:53:40 发布

阅读量1.4k

点赞数

分类专栏： Javascript 文章标签： easyUI datagrid 实现高级查询不同字段实现不同的editor

本文链接：https://blog.csdn.net/bigwell918/article/details/79167993

版权

本文介绍了如何使用easyUI的datagrid组件实现高级查询功能，并详细讲解了根据不同字段配置不同类型的editor，以实现更灵活的数据输入和检索操作。

摘要由CSDN通过智能技术生成

                
  var 
   _defaultFieldName= 
  "emp_no"; 
 
  //可查询的字段 
 
  var 
   _columns= 
  _gridEmployee. 
  datagrid( 
  "getColumnFieldInfos"); 
 
  //格式化字段显示的标题 
 
  var 
   _fieldnameFormater= 
  function( 
  value, 
  row){ 
 
  var 
   rets= 
  ""; 
 
  for ( 
  var 
  i= 
  0; 
  i< 
  _columns. 
  length; 
  i++){ 
 
  if ( 
  _columns[ 
  i]. 
  id== 
  value){ 
 
  rets= 
  _columns[ 
  i]. 
  text; 
 
  break; 
 
                       } 
 
                   } 
 
  return 
   rets; 
 
               }; 
 
  //比较符 
 
  var 
   _compareTer = [ 
 
                   { 
  id: 
  'eq', 
  text: 
  '等于'}, 
 
                   { 
  id: 
  'noteq', 
  text: 
  '不等于'}, 
 
                   { 
  id: 
  'lt', 
  text: 
  '小于'}, 
 
                   { 
  id: 
  'lteq', 
  text: 
  '小于或等于'}, 
 
                   { 
  id: 
  'gt', 
  text: 
  '大于'}, 
 
                   { 
  id: 
  'gteq', 
  text: 
  '大于或等于'}, 
 
                   { 
  id: 
  'like', 
  text: 
  '包含'}, 
 
                   { 
  id: 
  'notlike', 
  text: 
  '不包含'} 
 
               ]; 
 
  //格式化比较符显示 
 
  var 
   _compareFormater= 
  function( 
  value, 
  row){ 
 
  var 
   rets= 
  ""; 
 
  for ( 
  var 
  i= 
  0; 
  i< 
  _compareTer. 
  length; 
  i++){ 
 
  if ( 
  _compareTer[ 
  i]. 
  id== 
  value){ 
 
  rets= 
  _compareTer[ 
  i]. 
  text; 
 
  break; 
 
                       } 
 
                   } 
 
  return