Destiny / easyui的一些使用
来源:互联网 发布:淘宝第一阶层到第七届 编辑:程序博客网 时间:2024/04/28 11:51
var item = "/EasyUI/DemoServlet?type="
$(function(){
DemoPage();
})
function text(){
$.messager.alert('警告','警告消息');
}
function DemoPage(){
$('#tab').datagrid({
url:'DemoServlet?type=selectDemoPage',
columns:[[
{field:'id',title:'编号',width:100},
{field:'name',title:'姓名',width:100},
{field:'pwd',title:'密码',width:100} ,
{field:'age',title:'年龄',width:100} ,
{field:'roles',title:'角色',width:100,align:'right',formatter:function(value,row,index){
return value.rname;
}},
{field:'a',title:'操作',width:100,align:'right',formatter:function(value,row,index){
return "<a href='javascript:deleteInfo("+row.id+")'>删除</a> <a href='javascript:updateInfo2("+row.id+")'>编辑</a>";}}
]] ,
striped:true,
pagination:true,
rownumbers:true,
singleSelect:true,
onDblClickRow:function(rowIndex,rowData){
updateInfo(rowData);
},
toolbar: [{
iconCls: 'icon-add',
handler: function(){
$('#inset').window({
width:400,
height:200,
modal:true,
title:'添加信息'
});
}
}],
});
}
function deleteInfo(id){
$.messager.confirm('确认','您确认想要删除记录吗?',function(r){
if (r){
$.messager.alert('提示','确认删除');
deleteDemo(id);
}
});
}
function deleteDemo(id){
$.get(item+"deleteDemoById",{"id":id},function(data){
if(data==1){
$('#tab').datagrid('reload');
}else{
$.messager.alert('提示','删除失败');
}
})
}
function updateInfo(rowData){
$("#name").val(rowData.name)
$("#id").val(rowData.id)
$("#pwd").val(rowData.pwd)
$("#age").val(rowData.age)
$("#rname").val(rowData.roles)
$('#win').window({
width:400,
height:200,
modal:true,
title:'编辑'+rowData.name+'的信息'
});
}
function updateInfo2(id){
$("#name").val("")
$("#id").val("")
$("#pwd").val("")
$("#age").val("")
$("#rname").val("")
$("#id").val(id)
$('#win').window({
width:400,
height:200,
modal:true,
title:'编辑'+id+'的信息'
});
}
function doUpdate(id){
var id = $("#id").val();
var name = $("#name").val();
var pwd = $("#pwd").val();
var age = $("#age").val();
var rname = $("#rname").val()
$.post(item+"updataDemoById",{"id":id,"name":name,"pwd":pwd,"rname":rname,"age":age},function(data){
if(data==1){
$.messager.alert('提示','修改成功');
$('#tab').datagrid('reload');
}else{
$.messager.alert('提示','修改失败');
}
})
$('#win').window('close');
}
function insertDemo(){
var id = $("#id1").val();
var name = $("#name1").val();
var pwd = $("#pwd1").val();
var age = $("#age1").val();
var rname = $("#rname1").val()
$.post(item+"insertDemo",{"id":id,"name":name,"pwd":pwd,"rname":rname,"age":age},function(data){
alert(data);
if(data==1){
$.messager.alert('提示','添加成功');
$('#tab').datagrid('reload');
}else{
$.messager.alert('提示','添加失败');
}
})
$('#inset').window('close');
}
$(function(){
DemoPage();
})
function text(){
$.messager.alert('警告','警告消息');
}
function DemoPage(){
$('#tab').datagrid({
url:'DemoServlet?type=selectDemoPage',
columns:[[
{field:'id',title:'编号',width:100},
{field:'name',title:'姓名',width:100},
{field:'pwd',title:'密码',width:100} ,
{field:'age',title:'年龄',width:100} ,
{field:'roles',title:'角色',width:100,align:'right',formatter:function(value,row,index){
return value.rname;
}},
{field:'a',title:'操作',width:100,align:'right',formatter:function(value,row,index){
return "<a href='javascript:deleteInfo("+row.id+")'>删除</a> <a href='javascript:updateInfo2("+row.id+")'>编辑</a>";}}
]] ,
striped:true,
pagination:true,
rownumbers:true,
singleSelect:true,
onDblClickRow:function(rowIndex,rowData){
updateInfo(rowData);
},
toolbar: [{
iconCls: 'icon-add',
handler: function(){
$('#inset').window({
width:400,
height:200,
modal:true,
title:'添加信息'
});
}
}],
});
}
function deleteInfo(id){
$.messager.confirm('确认','您确认想要删除记录吗?',function(r){
if (r){
$.messager.alert('提示','确认删除');
deleteDemo(id);
}
});
}
function deleteDemo(id){
$.get(item+"deleteDemoById",{"id":id},function(data){
if(data==1){
$('#tab').datagrid('reload');
}else{
$.messager.alert('提示','删除失败');
}
})
}
function updateInfo(rowData){
$("#name").val(rowData.name)
$("#id").val(rowData.id)
$("#pwd").val(rowData.pwd)
$("#age").val(rowData.age)
$("#rname").val(rowData.roles)
$('#win').window({
width:400,
height:200,
modal:true,
title:'编辑'+rowData.name+'的信息'
});
}
function updateInfo2(id){
$("#name").val("")
$("#id").val("")
$("#pwd").val("")
$("#age").val("")
$("#rname").val("")
$("#id").val(id)
$('#win').window({
width:400,
height:200,
modal:true,
title:'编辑'+id+'的信息'
});
}
function doUpdate(id){
var id = $("#id").val();
var name = $("#name").val();
var pwd = $("#pwd").val();
var age = $("#age").val();
var rname = $("#rname").val()
$.post(item+"updataDemoById",{"id":id,"name":name,"pwd":pwd,"rname":rname,"age":age},function(data){
if(data==1){
$.messager.alert('提示','修改成功');
$('#tab').datagrid('reload');
}else{
$.messager.alert('提示','修改失败');
}
})
$('#win').window('close');
}
function insertDemo(){
var id = $("#id1").val();
var name = $("#name1").val();
var pwd = $("#pwd1").val();
var age = $("#age1").val();
var rname = $("#rname1").val()
$.post(item+"insertDemo",{"id":id,"name":name,"pwd":pwd,"rname":rname,"age":age},function(data){
alert(data);
if(data==1){
$.messager.alert('提示','添加成功');
$('#tab').datagrid('reload');
}else{
$.messager.alert('提示','添加失败');
}
})
$('#inset').window('close');
}
阅读全文
0 0
- Destiny / easyui的一些使用
- Destiny / easyui的一些使用
- destiny
- 使用easyUI遇到的一些小问题
- jQuery easyUI datagrid的一些使用
- 关于easyUI一些标签的使用
- 我们的命运 our Destiny
- easyui 一些使用技巧
- easyUI的一些通用
- 对于easyui的使用的一些初步注释
- easyui datagrid列使用按钮的一些心得
- easyui datagrid列使用按钮的一些心得
- 关于使用jQuery EASYUI的一些小技巧
- easyui——一些有用的组件使用小记
- 使用easyui dialog 弹出框的一些注意事项
- EasyUI Tree的一些操作
- EasyUI的一些封装方法
- 用EasyUI的一些感受
- ngrok内网穿透,ngrok服务器搭建,实现外网访问内网服务;树莓派外网访问内网的web服务及ssh外网登录
- 智能合约如何可信的与外部世界交互
- HTML表格
- 数据结构实验之排序六:希尔排序
- mybatis中加载mapper文件
- Destiny / easyui的一些使用
- 代码详解のLinkedList原码分析和ArrayList比较
- Snackbar的基本使用
- Druid用于sql解析
- Source insight 4.0 暗色主题,模仿Atom one-darkv配色方案
- 趣探 Mach-O:文件格式分析
- 9-2 backpropagation algorithm 反向传播算法
- 大分辨率图片根据用户分辨率自适应其浏览器大小
- gitlab+jenkins持续集成