easyUi,datagrid
来源:互联网 发布:catia软件书籍 编辑:程序博客网 时间:2024/05/24 13:28
打了一个简单的例子,,,对着别的例子打的,,附源码,需要的可以拿去看,,简单明了,,嘿嘿
直接上源码
easyUI
<!-- easyUI --><ul id="tree" style="float:left;"></ul>
<!-- 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
<!-- datagrid --><table id="dg" title="投票列表" style="width:700px;height:310px;">
<!-- 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;';
}
}
$("#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;';
}
}
附源码
http://download.csdn.net/detail/laiwanwanyihao/9867187
放在WebContent下面
阅读全文
0 0
- easyui datagrid
- easyui-datagrid
- easyUI DataGrid
- Easyui datagrid
- EasyUI datagrid
- easyUI--datagrid
- easyui datagrid
- easyui datagrid
- easyui datagrid
- easyui datagrid
- easyui.datagrid
- easyUI datagrid
- easyui datagrid
- easyUI dataGrid
- easyUi,datagrid
- EasyUI datagrid
- easyui-datagrid
- easyui datagrid
- 自定义vue组件小集合
- android 常用控件归类(二)
- win64-bit安装gensim教程
- POI操作Excel常用方法总结
- struts2学习--解读struts.xml配置文件和值栈的学习
- easyUi,datagrid
- 教育纪录片《Most likely to succeed》
- 人工智能基础复习1——人工智能概述
- Android自定义适配器 (BaseAdapter)及优化
- android下拉刷新
- 利用html编码进行xss攻击
- 借贷记账法下的账户结构
- 现在开始到11月的博文计划
- Scrollview嵌套百度地图MapView导致触摸事件冲突