zoukankan      html  css  js  c++  java
  • easyUI----grid

    1.设置标题行高

    .datagrid-header-row td{background-color:rgb(15,185,234);color:#fff;height:35px ;font-size:14pt;font-family:"Microsoft Yahei",Verdana,Simsun,"Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial }

    2.设置内容行高
    .datagrid-row { height: 32px; }

    3.同步行和checkBox点击事件

    function initGrid(taskTypeId){
    $("#bt_buttion1").attr("class","tlbtn2 btndisabled");
    $("#bt_buttion2").attr("class","tlbtn2 btndisabled");
    $('#assctlgDiv').empty();
    $('#assctlgDiv').datagrid({
    url:"/../gridData.do?taskTypeId="+taskTypeId,
    fitColumns : true,
    fit : true,
    checkbox : true,
    rownumbers:true,
    columns :[[
    {
    field : '',
    title : '单选',
    align : 'center',
    checkbox : true
    },
     {
    field : 'bgtstage',
    title : 'AAA',
    halign:'center',
    align : 'left',
    width : '24%',
    formatter:function(value , record , index){
    if(value == 0){
    return '<span style=color:red; >A</span>' ;
    } else if( value == 1){
    return '<span style=color:green; >B</span>' ;
    } else if( value == 2){
    return '<span style=color:blue; >C</span>' ;
    }
    }
    }, {
    field : 'confirmtime',
    title : 'BBBB',
    halign:'center',
    align : 'left',
    width : '24%',
    formatter:function(value , record , index){
    if(value == ""){
    return '<span>AAA</span>' ;
    }else{
    return value;
    }
    }
    }]],
    onSelect: function () //选中一行
    {
    toolblock();
    },
    onUnselect:function ()
    {
    toolblock();
    },
    onSelectAll:function ()
    {
    toolblock();
    },
    onUnselectAll:function ()
    {
    $("#bt_buttion1").attr("class","tlbtn2 btndisabled");
    $("#bt_buttion2").attr("class","tlbtn2 btndisabled");
    }
    });
    };
    function toolblock(){
    var rows = $('#assctlgDiv').datagrid('getSelections');
    var count = 0 ;
    var count1 = 0 ;
    $.each(rows, function (index, row) {
    if(row.bgtstage=="0"){
    count=count+1;
    };
    if(row.bgtstage=="1"){
    count1=count1+1;
    };
    });
    if(rows.length==count&&count>0){
    $("#bt_buttion1").attr("class","tlbtn2");
    }else if(rows.length==count1&&count1>0){
    $("#bt_buttion2").attr("class","tlbtn2");
    }else{
    $("#bt_buttion1").attr("class","tlbtn2 btndisabled");
    $("#bt_buttion2").attr("class","tlbtn2 btndisabled");
    }
    }

  • 相关阅读:
    http缓存
    深入理解vertical-align
    WebSocket
    mongodb 语法小结
    鸡肋工具-Oracle建表工具
    Ajax 实现导出文件-支持批量
    Springboot 热部署
    RabbitMq(7)消息延时推送
    linux常用符号命令
    linux常用命令之文档
  • 原文地址:https://www.cnblogs.com/sx2zx/p/6340961.html
Copyright © 2011-2022 走看看