easyUI DataGrid View(数据表格展示) 表格添加按钮
来源:互联网 发布:国家顶级域名 编辑:程序博客网 时间:2024/04/30 09:07
<script type="text/javascript">
$('#tt').datagrid({
fit:true,
remoteSort : false,
singleSelect : true,
nowrap : false,
fitColumns : true,
url : '${pageContext.request.contextPath}/ringplay/ringplayall',
columns : [ [ {
field : 'ringplayId',
title : '标识编号',
align:'center',
width : 80
},{
field : 'ringplayname',
title : '文件名',
align:'center',
width : 80
},{
field : '操作',
title : '操作',
align:'center',
width : 80,
formatter:add
}] ],
view : detailview,
detailFormatter : function(rowIndex, rowData) {
return '<table><tr>'
+ '<td rowspan=2 style="border:0"><img src="img/' + rowData.imagesrc + '" style="height:50px;"></td>'
+ '<td style="border:0">'
+ '<p>图片描述: ' + rowData.imagedescribe + '</p>'
+ '<p>图片状态: ' + rowData.imagestate + '</p>'
+ '</td>' + '</tr></table>';
},
toolbar : [ {
text:"新增轮播图",
iconCls : 'icon-flag_cn',
handler : function() {
$("#dia").dialog({
width:450,
height:250,
title:"新增轮播图",
iconCls:"icon-add",
href:"${pageContext.request.contextPath}/add.jsp",
});
}
}, '-', {
text:"帮助",
iconCls : 'icon-help',
handler : function() {
}
} ]
});
$('#tt').datagrid({
onLoadSuccess:function(){
$("a[class='easyui-linkbutton']").linkbutton({
//具体操作
});
}
});
function add(value,row,index){
return "<a class='easyui-linkbutton'>编辑</a>";
}
</script>
fit:true,
remoteSort : false,
singleSelect : true,
nowrap : false,
fitColumns : true,
url : '${pageContext.request.contextPath}/ringplay/ringplayall',
columns : [ [ {
field : 'ringplayId',
title : '标识编号',
align:'center',
width : 80
},{
field : 'ringplayname',
title : '文件名',
align:'center',
width : 80
},{
field : '操作',
title : '操作',
align:'center',
width : 80,
formatter:add
}] ],
view : detailview,
detailFormatter : function(rowIndex, rowData) {
return '<table><tr>'
+ '<td rowspan=2 style="border:0"><img src="img/' + rowData.imagesrc + '" style="height:50px;"></td>'
+ '<td style="border:0">'
+ '<p>图片描述: ' + rowData.imagedescribe + '</p>'
+ '<p>图片状态: ' + rowData.imagestate + '</p>'
+ '</td>' + '</tr></table>';
},
toolbar : [ {
text:"新增轮播图",
iconCls : 'icon-flag_cn',
handler : function() {
$("#dia").dialog({
width:450,
height:250,
title:"新增轮播图",
iconCls:"icon-add",
href:"${pageContext.request.contextPath}/add.jsp",
});
}
}, '-', {
text:"帮助",
iconCls : 'icon-help',
handler : function() {
}
} ]
});
$('#tt').datagrid({
onLoadSuccess:function(){
$("a[class='easyui-linkbutton']").linkbutton({
//具体操作
});
}
});
function add(value,row,index){
return "<a class='easyui-linkbutton'>编辑</a>";
}
</script>
<table id="tt"></table>
<div id="dia"></div>
<div id="dia"></div>
---------------------------------------------------------------------------
onLoadSuccess data 在数据加载成功的时候触发。
formatter:单元格formatter(格式化器)函数,带3个参数:
value:字段值。
row:行记录数据。
index: 行索引。
formatter:单元格formatter(格式化器)函数,带3个参数:
value:字段值。
row:行记录数据。
index: 行索引。
阅读全文
1 0
- easyUI DataGrid View(数据表格展示) 表格添加按钮
- EasyUI DataGrid DetailView(数据表格详细展示带子表格)
- easyui 列表按钮 DataGrid(数据表格)
- easyui----DataGrid DetailView(数据表格详细展示)
- easyUI 数据表格-datagrid
- Jquery easyui 数据表格 (DataGrid DetailView)
- jQuery EasyUI DataGrid 数据表格
- jQuery EasyUI DataGrid 数据表格
- easyui datagrid表格数据排序
- easyui datagrid数据表格(一)
- jQuery-EasyUI-DataGrid 数据表格
- easyUi dataGrid 数据表格(DataGrid)的特性
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- Jquery easyUi 数据表格(DataGrid)的特性
- jquery easyui DataGrid 数据表格 属性
- jquery easyui DataGrid 数据表格 属性
- 针对transform中的几种值的先后顺序
- IPC
- 一些用法一一利用Mask记录一些开关选项
- JAVA Spring web mvc 学习 之 3:DispatcherServlet
- 线性表——创建、插入、删除、查找
- easyUI DataGrid View(数据表格展示) 表格添加按钮
- 2017.9.13 序列维护 思考记录
- 第二周项目——多文件
- 欢迎使用CSDN-markdown编辑器
- C#进阶 09 复合赋值运算符跟一元二元运算符
- CCF markdown
- 爬虫框架Scrapy实战之批量抓取招聘信息--附源码
- Charset的基本运用以及ByteBuffer-position的注意点
- cef GeneralUsage