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

时间: 2024-10-26 08:50:20

easyUI----grid的相关文章

SSH返回json格式数据到easyui grid展示

原文:SSH返回json格式数据到easyui grid展示 源代码下载地址:http://www.zuidaima.com/share/1550463757290496.htm 比较简单的东西里面有一个登录一个返回json数据 一看就明白但是给新手看很好,分享一下.刚知道还能放图...  

EasyUI Grid和Tree脚本

Grid,Tree脚本: 1 /* 2 * 文 件 名:EasyUICommon.js 3 * 功能描述:EasyUIJs函数 4 * 5 * 版 权:Copyright 2014-2020, ZhiKang Wu 6 * 版 本:V1.0.0 7 * 日 期:2014-10-23 8 * 9 */ 10 /* 11 * 参数说明(固定参数): 12 * Grid按钮ID:(增加)btn_add,(修改)btn_edit,(删除)btn_del: 13 * Dialog窗体内ID:(窗体)Ope

[Easyui - Grid]为easyui的datagrid、treegrid增加表头菜单,用于显示或隐藏列

为easyui的datagrid.treegrid增加表头菜单,用于显示或隐藏列 /** * @author 孙宇 * * @requires jQuery,EasyUI * * 为datagrid.treegrid增加表头菜单,用于显示或隐藏列,注意:冻结列不在此菜单中 */ var createGridHeaderContextMenu = function(e, field) { e.preventDefault(); var grid = $(this);/* grid本身 */ var

easyUI grid实现全选全清

先看效果: 当勾选全选的时候,所有记录都全选,当取消勾选时候,所有记录都取消.当手动取消某一行的时候,仅仅只取消勾选你取消的那一行. 实现思路: 记录你取消的行的id到数组中.然后在onloadSuccess里面通过判断是否在当前页中.来判断是否取消选中.简单代码如下: grid的创建就不写了,只写主要的代码: onLoadSuccess:function(data){             if(markAll == 'all'){//标记勾选了全选              $(this)

jquery easyui grid 表格特殊字符处理

grid 获取的数据中,如果数据存在测试的字符,或者js语句,会导致页面布局错乱,如下方法,让获取到的数据全部当成文本进行显示 此操作主要防止以下亮点 1. 由于业务需要,查询的数据中存在特殊字符或者js语句,如:数据库字段中有一个字段的内容是:  "alert('商品编码');",那么这个字段查出来到表格中之后,页面会弹出提示框 2.grid查询的字段来自于用户手动输入的文本,如果有恶意攻击,直接输入js语句,会执行相关语句. 表格字段formatter 的时候调用 HTMLEnco

EasyUi Grid以POST方式传送参数绑定

function LoadList() {            $("#TableContainer").datagrid({                url: '/HM/M_Main/HC/DataPostControl.aspx',                method: "post",                title: '工资明细列表',                loadMsg: '数据加载中,请稍候...',          

easyui grid中翻页多选方法

<table class="easyui-datagrid" title="人员选择" id="dg" data-options="singleSelect:false,toolbar:'#toolbar',pagination:false,fit:true, onSelect:function(rowIndex,rowData){ var iflag=0; if(selceids.length<1){ selceids.p

EasyUI grid的统计扩展插件

$.extend($.fn.datagrid.methods, { statistics: function (jq) { var opt = $(jq).datagrid('options').columns; var rows = $(jq).datagrid("getRows"); var footer = new Array(); footer['sum'] = ""; footer['avg'] = ""; footer['max']

搭建第一个web项目:实现用户的增删改查(四)

前台采用了easyUI框架. 这里浪费时间比较多的就是对easyUI中的一些插件的扩展.因为自己一开始jQuery基础确实不是太好,有些问题不能及时发现. 下面是easyUI一个增删改的列表实现: 在图中,可以看到列表底部有总记录,页码,还有reload按钮和添加按钮.所以在项目中建立了一个工具类,用于包装这些数据.EasyGridAction.java package cn.itcast.oa.base; import org.apache.struts2.convention.annotat

构造AJAX参数, 表单元素JSON相互转换

ajax提交服务器数据, 整理一下转换方法. HTML: <form id="fm" name="fm" action=""> <input name="UserName" type="text" value="UserName1"/> </form> <input name="UserId" id="UserId&