JEECG使用技巧

1.在查询栏添加自定义条件

  先设置自定义内容： <span id="d_daishou" style="float:center;">
    &nbsp;&nbsp;&nbsp;&nbsp;金额: <select id="optfhao" name="optfhao" class="form-control"  style="display:inline-block;width:80px;">
  <option value=">=">大于等于</option>
  <option value="<=">小于等于</option>
  <option value="==">等于</option>
  </select>
  <input id="qrydsje" name="qrydsje" type="text" class="form-control" datatype="n" style="width:100px;"/>
 </span>

$(document).ready(function(){

   $('#dagreementsListForm').append($("#d_daishou"));

}

2.添加在按钮栏  

  var ospan=$('.datagrid-toolbar').find('span[style="float:left;"]');
  $("#d_daishou").insertAfter(ospan);  

3.修改默认查询输入框为下拉列表

     $('#searchColums').find('input[name="替换的字段名"]').combobox({    
            url:'<%=basePath%>/myController.do?getSalers',    
            valueField:'empno',
            textField:'empname',
            editable:false
     });

4.上下列表界面

  <div region="center" style="padding:0px;border:0px">
  <t:datagrid name="masterList" checkbox="false" pagination="true" fitColumns="true" title="上列表" actionUrl="ddoController.do?datagrid" idField="id"  
       fit="true" queryMode="group" sortName="sqrq,colrq" sortOrder="desc,desc" >
   <t:dgCol title="主键"  field="id"  hidden="true"  queryMode="single"  width="120"></t:dgCol>
   <t:dgCol title="创建人名称"  field="createName"  hidden="true"  queryMode="single"  width="120"></t:dgCol>

……
 </t:datagrid>
  </div>
 </div>

 <div data-options="region:'south',title:'下列细表',
    collapsed:true,split:true,border:false,
    onExpand : function(){tmp_east = 1;},onCollapse : function() { tmp_east = 0;}"  
    style="height: 200px; overflow: hidden;" id="southDetail">
  <t:datagrid name="dmxrowList" checkbox="false"  pagination="false" fitColumns="true"  title="" actionUrl="dfphwmxController.do?datagrid" idField="id"  queryMode="group">
    <t:dgCol title="主键"  field="id"  hidden="true" ></t:dgCol>
    <t:dgCol title="创建人名称"  field="createName"  hidden="true" ></t:dgCol>

.........

 <t:dgCol title="金额"  field="cols6" queryMode="single"  width="100"></t:dgCol>

  </t:datagrid>

脚本中加$("#masterList").datagrid({
        onClickRow: function(rowIndex, rowData){
            viewDetail(rowData.id,rowIndex);
        }
     });

5.改变行颜色

利用 <t:datagrid 的 rowStyler="RowStylerFunc" 〉

 function RowStylerFunc(index,row){
     var khzt=row.ctStat;
     if(khzt=='3'){
         return 'color:blue;';//font-weight:bold;'; 
         //''background-color:pink;color:blue;font-weight:bold;';  
     }
     if(khzt=='4'){
         return 'color:red;';//font-weight:bold;';
     }
 }

6.根据条件显示单元自定义内容

利用 <t:dgCol 的  formatterjs="MyFormatter" >

 function MyFormatter(val,row,index){
      if(val!=''){
          return "<a style=\"cursor:pointer;\" οnclick=\"quickCall('"+val+"')\" title=\"拨号\"><i class='fa fa-phone'></i>"+val+"</a>";
      }else{
        return val;
     }
 }