PHP+jqGrid表格插件实现增删改查免费下载

今天介绍一款jqGrid表格插件,有点类似miniui框架

HTML

首先我们在页面上加相关按钮、生成表格#list和分页#pager。

<div id="opt">  
    <div id="query">  
       <label>编号:</label><input type="text" class="input" id="sn" />  
       <label>名称:</label><input type="text" class="input" id="title" />  
       <input type="submit" class="btn" id="find_btn" value="查 询" />  
    </div>  
    <input type="button" class="btn" id="add_btn" value="新 增" />  
    <input type="button" class="btn" id="del_btn" value="删 除" />  
</div>  
<table id="list"></table>  
<div id="pager"></div>

接着我们引入jqGrid相关插件和 fancybox

<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.2.custom.css" />  
<link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css" />  
<link rel="stylesheet" type="text/css" href="css/fancybox.css" />  
<script src="js/jquery.js" type="text/javascript"></script>  
<script src="js/i18n/grid.locale-cn.js" type="text/javascript"></script>  
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>  
<script src="js/jquery.fancybox.js" type="text/javascript"></script>  
<script src="js/jquery.form.js" type="text/javascript"></script>  
<script src="js/jquery.message.js" type="text/javascript"></script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录