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");
    }
    }

  • 相关阅读:
    angular学习的一些小笔记(中)之双向数据绑定
    angular学习的一些小笔记(中)之ng-init
    angular学习的一些小笔记(中)之directive
    原型函数
    哇 真的是一个好插件!!!Sublime Text编辑文件后快速刷新浏览器
    angular学习的一些小笔记(中)之表单验证
    letter-spacing
    Emit学习(2)
    Emit学习(1)
    redis漏洞攻击
  • 原文地址:https://www.cnblogs.com/sx2zx/p/6340961.html
Copyright © 2011-2022 走看看