随笔分类 -  Html

摘要:本节介绍jqGrid其他的使用方法,主要是一些基本操作,特殊的数据显示等。1 刷新jqGrid数据。常用到刷新jqGrid数据的情况是,在用到查询的时候,根据查询条件,请求数据,并刷新jqGrid表格,使用方式如下:$("#search_btn").click(function(){ //此处可以添加对查询数据的合法验证 var orderId = $("#orderId").val(); $("#list4").jqGrid('setGridParam',{ datatype:'json', post 阅读全文
posted @ 2012-11-20 10:55 Horrison 阅读(70927) 评论(2) 推荐(8) 编辑
摘要:jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。文档比较全面,其官方网址为:http://www.trirand.com。一、jqGrid特性:基于jquery UI主题,开发者可以根据客户要求更换不同的主题。兼容目前所有流行的web浏览器。Ajax分页,可以控制每页显示的记录数。支持XML,JSON,数组形式的数据源。提供丰富的选项配置及方法事件接口。支持表格排序,支持拖动列、隐藏列。支持滚动加载数据。支持实时编辑保存数据内容。支持子表格及树形表格。支持多语言。最关键目前是免费的。二、jqGrid使用方式:1.下载 阅读全文
posted @ 2012-11-11 23:12 Horrison 阅读(109644) 评论(2) 推荐(8) 编辑
摘要:表格的css,细线表格table{ width:80%; margin:0px auto; font:Georgia 11px; font-size:12px; color:#333333; text-align:center; border-collapse:collapse;/*细线表格代码*/ } table td{ border:1px solid #999;/*细线表格线条颜色*/ height:22px; } 阅读全文
posted @ 2011-04-02 11:52 Horrison 阅读(228) 评论(0) 推荐(0) 编辑
摘要:思想:通过前台展现层(Velocity)中的工具(tools)方法来修改。***************具体修改步骤:1、在toolbox.xml配置文件中添加以下代码:<tool> <key>date</key> <scope>application</scope> <class>org.apache.velocity.tools.generic.DateTool</class></tool>2、在前台页面中需要显示时间的地方添加这样的代码:例如:要显示的时间为:$!user.time 那么添加的 阅读全文
posted @ 2011-01-10 11:59 Horrison 阅读(1141) 评论(0) 推荐(0) 编辑
摘要:js 取得没有value值的值 如<h2>值</h2>使用js取得一些html元素中没有value的值,比如<lable></lable>、<h1></h1>,也就是说,取得元素<**><**/>之间的值有两种方法<lable id="bt"></lable>1.document.getElementById("bt").innerHTML="油田提交情况查询";2.document.getElementById(& 阅读全文
posted @ 2010-09-08 10:53 Horrison 阅读(327) 评论(0) 推荐(0) 编辑