easyUi,datagrid

打了一个简单的例子，，，对着别的例子打的，，需要的可以拿去看，，简单明了，，嘿嘿

直接上源码

easyUI

		$('#tree').tree({
			url : 'basic_tree_data.json',//远程加载路径
			animate : true,//接点展开折叠时是否开启动画效果
			checkBox : true,//每个节点前是否显示复选框
			cascadeCheck : false,//是否开启级联选中，checkBox属性为true时才生效
			onlyLeafCheck : true,//是否只在叶节点前显示复选框，checkBox属性为true时才生效
			dnd : true,//是否启用拖拽功能
			onDblClick : function(node) {//鼠标双击事件
				$(this).tree("toggle", node.target);//改编当前节点的展开或折叠状态
			}
		}); 

datagrid

	
	


$("#dg").datagrid({


url:"datagrid2.jsp",//请求URL

singleSelect:true,//允许选中单个行

iconCls:"icon-search",//表头标题图片

rowNumbers:true,//显示行数、

pagination:true,//显示底部分页栏

pageSize:5,//每页默认显示条数，pagination为TRUE时有效

pageList:[5,10,15],//列表每页显示数量下拉列表，pagination为TRUE时有效

fitColumns:true,//自适应宽度

striped:true,//隔行变色

columns:[

[

{field:'id',checkbox:true},

{field:'title',title:'投票标题',width:408},

{field:'options',title:'备 选数量',width:60},

{field:'participants',title:'参与人数',width:60,align:'center',styler:participantsStyler}


]

],

loadMsg:"正在努力为您加载中。。。。。。",//加载时的提示信息,

onLoadError();//加载远程错误时触发

onClickRow(rowIndex,rowData){// 单击一行触发事件

alert(rowIndex);

alert(rowData.title);

},

onDblClickRow(rowIndex,rowData){// 双击击一行触发事件

alert(rowIndex);

alert(rowData.title);

},

onClickCell(rowIndex,field,value){// 单击单元格触发事件

alert(rowIndex);

alert(field);

alert(value);

},

onDblClickCell(rowIndex,field,value){// 双击击单元格触发事件

alert(rowIndex);

alert(field);

alert(value);

},


onSelect(rowIndex,rowData){//选中一行时触发事件

alert(rowIndex);

alert(rowData);

}


});


function participantsStyler(value,row,index){

if(value<5){

return 'background-color:#ffee00;color:red;';

}else if(value>15){

return 'color:green;';

}



}