素材网 素材网

表格内容查询读取代码

下载资源()次

阅读次数()次

发布时间:2017-09-03

表格内容查询读取代码
分享到:

用法简介:

来源:xw素材网

表格内容查询读取代码。
文件引用:

<script>

$(function() {

loadGrid();

//da();

var str = { "userName": "赵建鹏", "sex": "man" };

//alert(str.userName);

});

//装载表格

function loadGrid() {

$("#grid").jqGrid(

{

height : 400,

rownumbers : true,

colModel : [

{

label : '姓名',

name:  'name',

index: 'name',

width : 120

},

{

label : '年龄',

name : 'age',

index : 'age', 

sortable : false,

width : 120

},

{

label : ' ',

name : 'id',

width : 120,

align : 'center',

sortable : false,

formatter : function(value, options, row) {

var btn = "";

btn += '&nbsp;<a href="javascript:onDtl('

+ value

+ ')"class="mesq">查看信息</a>&nbsp;'

btn += '&nbsp;<a href="javascript:onDel('

+ value

+ ')"class="mesd">删除信息</a>&nbsp;'

return btn;

}

} ],

rowNum : 20,

rowList : [ 20, 50, 100 ],

pager : '#pager',

sortname : 'id',

sortorder : "desc"

});

      

    var rows = [  

                {"name":"name1","age":"21","id":"1"},  

                {"name":"name2","age":"22","id":"2"},  

                {"name":"name3","age":"23","id":"3"},  

                {"name":"name4","age":"24","id":"4"},  

                {"name":"name5","age":"25","id":"5"},

                {"name":"name6","age":"26","id":"6"},  

                {"name":"name7","age":"27","id":"7"},  

                {"name":"name8","age":"28","id":"8"},  

                {"name":"name9","age":"29","id":"9"},  

                {"name":"name10","age":"30","id":"10"},                

                {"name":"name11","age":"31","id":"11"},  

                {"name":"name12","age":"32","id":"12"},  

                {"name":"name13","age":"33","id":"13"},  

                {"name":"name14","age":"34","id":"14"},  

                {"name":"name15","age":"35","id":"15"},  

                {"name":"name16","age":"36","id":"16"},  

                {"name":"name17","age":"37","id":"17"},  

                {"name":"name18","age":"38","id":"18"},  

                {"name":"name19","age":"39","id":"19"},  

                {"name":"name20","age":"40","id":"20"},

               ];

for(var i = 0; i < rows.length; i++) {

$("#grid").jqGrid('addRowData', i + 1, rows[i]);

}

}

//查看信息

function onDtl(id){

layer.alert("姓名:name"+id+"</br>"+"年龄:"+(20+id)+"岁");

}

//删除

function onDel(id) {

layer.confirm('您确定要删除吗?', 

{btn : [ '确定', '取消' ]},

function(){layer.alert("此处为删除信息的方法");}

);

}

//查询

function onQ() {

layer.alert("此处为携带"+$("#userName").val()+" "+$("#honestName").val()+"参数执行条件查询");

}

//显示全部

function showAll() {

$("#userName").val("");

$("#honestName").val("");

layer.alert("显示全部数据!");

}

//窗口变化时自适应宽度

window.onresize = function() {

$("#grid").setGridWidth(document.body.clientWidth - 12);

}

</script>



   

相关标签:

上一篇:jQuery幸运QQ头像抽奖代码 下一篇:已经是最后一篇数据

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。