如何用easy-ui显示两张表的数据而且实现两张表的增,删,改。
来源:互联网 发布:图片调整软件 编辑:程序博客网 时间:2024/05/22 10:56
在script中定义两个datagrid,如下var datagrid;var datagrid1;两个datagrid
用来显示两张表的数据!
<script type="text/javascript">
var datagrid;
var datagrid1;
$(function() {
datagrid = $('#Content_MyJsp_grid').datagrid({
url : '${pageContext.request.contextPath}/contentsAction!show.action',
pagination : true,
pagePosition : 'bottom',
pageSize : 10,
pageList : [ 10, 20, 30, 40 ],
fit : true,
fitColumns : false,
nowrap : false,
border : false,
idField : 'id',
checkOnSelect : true,
selectOnCheck : true,
singleSelect : true,
frozenColumns : [ [ {
title : 'id',
field : 'cid',
width : 150,
sortable : true,
checkbox : true,
} ] ],
columns : [ [ {
title : '目录名称',
field : 'cname',
width : 150
} ] ],
toolbar : [ {
text : '增加',
iconCls : 'icon-add',
handler : function() {
appendContent();
}
}, '-', {
text : '删除',
iconCls : 'icon-remove',
handler : function() {
removeContent();
}
}, '-', {
text : '修改',
iconCls : 'icon-edit',
handler : function() {
editContent();
}
}, '-' ],
onRowContextMenu : function(e, rowIndex, rowData) {
e.preventDefault();
$(this).datagrid('unselectAll');
$(this).datagrid('selectRow', rowIndex);
$('#bullamacow_bullamacowVaccinum_menu').menu('show', {
left : e.pageX,
top : e.pageY
});
}
});
//下面是关于datagrid的现实;
datagrid1 = $('#Type_MyJsp_grid').datagrid({
url : '${pageContext.request.contextPath}/typeAction!show.action',
pagination : true,
pagePosition : 'bottom',
pageSize : 10,
pageList : [ 10, 20, 30, 40 ],
fit : true,
fitColumns : false,
nowrap : false,
border : false,
idField : 'id',
checkOnSelect : true,
selectOnCheck : true,
frozenColumns : [ [ {
title : 'id',
field : 'cid',
width : 150,
sortable : true,
checkbox : true
//加上checkbox就可以进行勾选框了
} ] ],
columns : [ [ {
title : '型号',
field : 'ctype',
width : 150
}, {
title : '所属目录',
field : 'content',
width : 150
} ] ],
toolbar : [ {
text : '增加',
iconCls : 'icon-add',
handler : function() {
appendType();
}
}, '-', {
text : '删除',
iconCls : 'icon-remove',
handler : function() {
removeType();
}
}, '-', {
text : '修改',
iconCls : 'icon-edit',
handler : function() {
editType();
}
}, '-' ],
onRowContextMenu : function(e, rowIndex, rowData) {
e.preventDefault();
$(this).datagrid('unselectAll');
$(this).datagrid('selectRow', rowIndex);
$('#bullamacow_bullamacowVaccinum_menu').menu('show', {
left : e.pageX,
top : e.pageY
});
}
});
});
- 如何用easy-ui显示两张表的数据而且实现两张表的增,删,改。
- 如何用struts2+easy ui的使用
- 如何用extjs实现海量数据的快速分页显示
- 【ssm个人博客项目实战05】easy ui datagrid实现数据的分页显示
- 如何用进度条显示数据窗口报表的统计过程?
- 如何用TextView显示Html格式的数据
- 如何用VB实现QBASIC中的data数据的read
- 谁知道如何用电脑改手机内置的文件啊
- 如何用C#编写程序监测某个文件夹内是否有文件进行了增,删,改的动作?
- 如何用插值法补齐缺失的数据
- 如何用实现.NET的插件机制
- 如何用FPGA实现算法的硬件加速
- 如何用c实现可执行文件的复制
- 如何用JAVA实现文件的覆盖
- 如何用C实现C++的特性
- 如何用栈实现队列的功能
- 如何用ASP实现权限的设置?
- 如何用C++实现自己的Tensorflow
- 精简出最小JRE
- Linux vim基本命令
- WIN2003 Enterprise Edition开远程桌面
- sql锁机制和事务隔离级别
- 杭电 1234 开门人和关门人
- 如何用easy-ui显示两张表的数据而且实现两张表的增,删,改。
- 定时提醒
- 直接拿来用!最火的Android开源项目(二)
- IOS对象所有权
- APP添加jar包在源码下编译
- 仿腾讯说说
- hdu 3954(比较特别的成端更新)
- 第13周-项目1-基类中成员的访问限定符和派生类的继承方式
- eclipse osgi 体系介绍