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");
}
}
easyUI----grid的更多相关文章
- easyui grid 增加合计行
一.首先,easyui grid 的 showfooter 属性设置为 true $aplgrid.datagrid({ data: globalExpenseClaimForm.ExpenseCl ...
- [Easyui - Grid]为easyui的datagrid、treegrid增加表头菜单,用于显示或隐藏列
为easyui的datagrid.treegrid增加表头菜单,用于显示或隐藏列 /** * @author 孙宇 * * @requires jQuery,EasyUI * * 为datagrid. ...
- 动态改变EasyUI grid 列宽和隐藏列
隐藏显示 $('#yourGrid').datagrid('hideColumn','yourColumn'); $('#yourGrid').datagrid('hideColumn','yourC ...
- easyui grid 本地做分页
背景: 有的数据不是很多,但是有分页的需求,这个时候后台往往没有做分页,我们是一次请求了所有的数据. 代码: dataSource 为 grid 里的数据源 html部分: <table id= ...
- easyui grid 里的可编辑text 加清空图标
$.extend($.fn.datagrid.defaults.editors, { text: { init: function (container, options) { var _opt = ...
- easyui -grid每列绑定tooltip
/**用法:*/function doCellTip() { $('#dg').datagrid('doCellTip', { 'max-width': '100px' });} /** * 扩展两个 ...
- easyui grid中翻页多选方法
<table class="easyui-datagrid" title="人员选择" id="dg" data-options=&q ...
- EasyUi Grid以POST方式传送参数绑定
function LoadList() { $("#TableContainer").datagrid({ url: '/HM/ ...
- easy-ui grid里的toobar按钮隐藏与显示
//隐藏第一个按钮$('div.datagrid-toolbar a').eq(0).hide();//隐藏第一条分隔线$('div.datagrid-toolbar div').eq(0).hide ...
- easyui grid单元格类型
在实际应用中可能会碰到不同的需求,比如会根据每行不同的参数或属性设置来设置同列不同的editor类型,这时原有的例子就显的有点太过简单,不能实现我们的需求,现在应用我在项目中的操作为例,显示下实现同列 ...
随机推荐
- MySQL性能调优与架构设计——第6章 MySQL Server 性能的相关因素
第6章 MySQL Server 性能的相关因素 前言 大部分人都一致认为一个数据库应用系统(这里的数据库应用系统概指所有使用数据库的系统)的性能瓶颈最容易出现在数据的操作方面,而数据库应用系统的大部 ...
- 【SQL】- 基础知识梳理(五) - 触发器
触发器的概念 触发器对表进行插入.更新.删除的时候会自动执行的特殊存储过程 触发器的语法 create trigger tgr_name on table_name with encrypion –加 ...
- 「POJ 2699」The Maximum Number of Strong Kings
题目链接 戳我 \(Describe\) 一场联赛可以表示成一个完全图,点表示参赛选手,任意两点u, v之间有且仅有一条有向边\((u, v)\)或\((v, u)\),表示\(u\)打败\(v\)或 ...
- 「TJOI2015」线性代数
题目链接 戳我 \(Describe\) 题目描述 为了提高智商,\(ZJY\)开始学习线性代数.她的小伙伴菠萝给她出了这样一个问题:给定一个\(n×n\)的矩阵\(B\)和一个\(1×n\)的矩阵\ ...
- April Fools Day Contest 2019 A. Thanos Sort
A. Thanos Sort time limit per test 1 second memory limit per test 256 megabytes input standard input ...
- 【bzoj4872】[Shoi2017]分手是祝愿 期望dp
Description Zeit und Raum trennen dich und mich. 时空将你我分开.B 君在玩一个游戏,这个游戏由 n 个灯和 n 个开关组成,给定这 n 个灯的初始状态 ...
- Java面向对象之接口interface 入门实例
一.基础概念 (一)接口可以简单的理解为,是一个特殊的抽象类,该抽象类中的方法都是抽象的. 接口中的成员有两种:1.全局常量 2.抽象方法 定义接口用关键字interface,接口中的成员都用固定的修 ...
- java学习笔记之位运算符
java的位运算符主要针对二进制数的位进行逻辑运算,主要包括以下几种的位运算符 1.与运算符(&) 与运算符的使用规律是两个操作数中位为1的时候结果为1,否则都是0,例如 3&5=1 ...
- 使用TortoiseSVN新建及合并分支图文教程
打开trunks目录,在trunks目录下新建两个文本文件A.java,B.java: 打开A.java输入以下内容: B.java文件可以随机输入些,本例中主要用于观察后续是否变化. 两个文件编 ...
- Spring学习笔记(二)——Spring相关配置&属性注入&Junit整合
一.Spring的相关配置 1.1 Bean元素 class属性:被管理对象的完整类名 name属性:给Bean起个名字,能重复,能使用特殊字符.后来属性 id属性:给Bean起个名字,不能重复,不能 ...