1.列表界面

2.流程状态的效果

 <t:dgCol title="流程状态"  field="bpmStatus"  queryMode="single"  dictionary="decstate"  extendParams="styler:fmtype"  width="120"></t:dgCol>
function fmtype(val,row,index){
//可添加更多CSS样式
var s1 = 'background-color: #00CC00;color:black';
var s2 = 'background-color:orange;color:black';
if (val =='3') {
return s1
}
if (val =='1') {
return s2
} }

3.张三李四的效果

<t:datagrid name="decMainList" checkbox="true" fitColumns="true" title="报关单" sortName="createDate"  rowStyler="fun"
actionUrl="decMainController.do?datagrid" idField="id" fit="true" queryMode="group">
 $(document).ready(function(){

     $('.datagrid-toolbar').children("span").append("<label style='background-color:#E0FFFF;color:#E0FFFF'>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</label>  张三 ");
$('.datagrid-toolbar').children("span").append("<label style='background-color:#FFF8DC;color:#FFF8DC'>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</label> 李四 ");
});
function fun( index, row){
var s3 = 'background-color:#FFF8DC;color:black';
var s5 = 'background-color:#E0FFFF;color:black'; if(row.createName == '张三'){
return s5
}
if(row.createName == '李四'){
return s3
} }  

4.是否审核

 <t:dgCol title="是否审核"  field="ischeck"  queryMode="single"  formatterjs="ischeck"   width="120"></t:dgCol>
function ischeck(value, row, index){
if (row.bpmStatus== '3' ) { return '<span style="color:green;font-size: 16px;">✔</span>';
} else{ return '<span style="color:red;font-size: 16px;">x</span>';
}
}

5.业务编号链接js

<t:dgCol title="业务编号"  field="clientNo"  formatterjs="clientNojs"   query="true"  queryMode="single"  width="120"></t:dgCol>
function clientNojs(value, row, index) {
return "<a href='#' style='color:#00BB00' onclick='goclient(" + index+ ")'>" + value+ "</a>";
} function goclient(index) {
$("#decMainList").datagrid('selectRow', index);
var row = $('#decMainList').datagrid('getSelected');
if(row.ieFlag=='I'){
var url = 'decMainController.do?goUpdate&id=' + row.id ;
}else{
var url = 'decMainController.do?goUpdate&id=' + row.id ;
}
createwindow('查看', url, '100%', '100%');
}

6.报关单号查询字段扩大

 <t:dgCol title="报关单号"  field="entryId"  query="true" extend="{style:'width:170px'}" queryMode="single"  width="120"></t:dgCol>

7.审核是否展示

 <t:dgFunOpt exp="bpmStatus#ne#3" title="审核" funname="check(id)" urlclass="ace_button"  urlfont="fa-check" />

8.拓展字段与合计

    List<JeecgDemoEntity> list = dataGrid.getResults();
Map<String,Map<String,Object>> extMap = new HashMap<String, Map<String,Object>>();
for(JeecgDemoEntity temp:list){
//此为针对原来的行数据,拓展的新字段
Map m = new HashMap();
m.put("extField",this.jeecgMinidaoDao.getOrgCode(temp.getDepId()));
extMap.put(temp.getId(), m);
}
// dataGrid.setFooter("salary,age,name:合计");//默认合计
dataGrid.setFooter("[{'salary':'','age':'','name':'合计'}]");//自定义合计
TagUtil.datagrid(response, dataGrid, extMap);

9.手机号项合并功能js

   $('#decMainList').datagrid({
onLoadSuccess: function (data) {
$('#decMainList').datagrid('clearSelections');//这里涉及到简单的运算,mark是计算每次需要合并的格子数
var mark=1;
for (var i=1; i <data.rows.length; i++) { //这里循环表格当前的数据
if (data.rows[i]['phone'] == data.rows[i-1]['phone'] && data.rows[i]['phone']!=''&& data.rows[i-1]['phone'] !='') {
mark += 1;
$(this).datagrid('mergeCells',{
index: i+1-mark,
field: 'phone',
rowspan:mark
      }
                           );
   }else{
mark=1;
}
}
}
})

最新文章

  1. MySQL/MariaDB/PerconaDB-提权条件竞争漏洞
  2. RDIFramework.NET ━ .NET快速信息化系统开发框架 V3.0 版本新增序列管理
  3. 6.用CXF编写基于Spring的WebService
  4. laravel框架总结(五) -- 服务提供者(提及契约Contracts)
  5. Markdown使用Demo
  6. hdoj-2031
  7. Dom之表单提交与默认行为
  8. [haoi2009]毛毛虫 树形dp
  9. jquery datatable[表格处理]
  10. Python编程规范
  11. Linux3.4内核的基本配置和编译
  12. Netty线程模型
  13. 5A的肖特基二极管 SK5x / SK5xx
  14. Linux关闭防火墙、SELinux
  15. HDU 4421 Bit Magic(奇葩式解法)
  16. windows下安装MySQLdb模块
  17. Google的Java经常使用类库 Guava
  18. WindowState注意事项
  19. Jenkins结合.net平台之Web项目编译
  20. 【JVM】关于类加载器准备阶段的一道面试题目

热门文章

  1. EF方式增加数据
  2. 操作系统 (OS)
  3. 排序方法——python
  4. python3使用ConfigParser从配置文件中获取列表
  5. 【转】Java8中list转map方法总结
  6. mongodb索引 复合索引
  7. 从c到c++&lt;四&gt;
  8. PHP获取文件大小的几种方法!
  9. JS 日期格式化,留作参考
  10. C# LINQ标准查询操作符