jq监听下拉列表至改变事件
来源:互联网 发布:mac spss24 编辑:程序博客网 时间:2024/05/18 21:08
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
- jq监听下拉列表至改变事件
- jq监听input值改变时的事件
- [Unity][UGUI]DropDown下拉框监听改变值的事件
- 布局改变监听事件
- 布局改变监听事件
- 下拉列表onchange事件
- 改变下拉列表的长度
- jquery 改变下拉列表选项
- 改变下拉列表的值
- 监听文本框内容改变事件
- js下拉列表添加监听事件(支持所有主流浏览器)
- 监听菜单列表点击事件
- Jq 下拉框chosen之后,动态改变dropdown的数据
- 下拉列表的onchange事件
- 下拉列表Spinner以及选择监听
- 列表改变时监听,解决下标越界
- jq操作select下拉列表,单选框radio,多选框
- Jq和JS实现下拉列表左右选择(时间)
- 2018网易校招编程题(6)堆棋子
- svn遇到的那些坑
- 在vmware如何安装vmware tools,遇到了问题,看了许多经验帖子,结果下面这个帖子的确帮到了我。
- Poll() I/O复用模型
- pom.xml
- jq监听下拉列表至改变事件
- Linux 相关
- Excel合并工作表的神器—Power Query
- 面向对象--构造函数
- linux线程池
- iOS获取设备型号和App版本号等信息(OC+Swift3.0)
- Memcached expire 设置错误引起的set(key,exp,value)为true而get(key)为null的问题
- Codeforces Round #257 (Div. 2) B. Jzzhu and Sequences
- sql 查询按照分组将多条记录转换成单条记录的group_contact()函数