<%@ page language="java" contentType="text/html; charset=UTF-8"javascript
pageEncoding="UTF-8"%>css
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">html
<html>java
<head>jquery
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">json
<link href="lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />ui
<link href="lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />spa
<script src="lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>htm
<script src="lib/json2.js" type="text/javascript"></script>ip
<script src="lib/ligerUI/js/core/base.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerTab.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerMenu.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerTextBox.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerDateEditor.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerSpinner.js" type="text/javascript"></script>
<script src="lib/ligerUI/js/plugins/ligerTip.js" type="text/javascript"></script>
<script src="js/ProductData.js" type="text/javascript"></script>
<script src="js/CustomersData.js" type="text/javascript"></script>
<style type="text/css">
/* .message{ position:absolute; left:100px; top:100px; background:#F1F1F1; border:1px solid #DEDEDE; padding:10px;} */
.message{ background:#F1F1F1; border:1px solid #DEDEDE; padding:10px;}
</style>
<script type="text/javascript">
$(function(){
var row={Rows:[
{"c1":"行情","c2":"男","c3":"1985-03-09"},
{"c1":"紅旗","c2":"女","c3":"1982-03-09"},
{"c1":"紅旗1","c2":"女","c3":"1982-03-09"},
{"c1":"紅旗3","c2":"女","c3":"1982-03-09"},
{"c1":"紅旗4","c2":"女","c3":"1982-03-09"},
{"c1":"紅旗5","c2":"女","c3":"1982-03-09"},
]
};
$("#t1").ligerGrid({
columns:[
{name:"c1",display:"姓名"},
{name:"c2",display:"性別"},
{name:"c3",display:"出生日期"}
],
width:"300",
data:row,
pageSizeOptions:[5,10,15],
pageSize:5
});
//alert(row.Rows[0].c3);
$("#t1 table tr:gt(4)").each(function(index,element){
var obj = $(element).find("td:eq(2) div");
//obj.html("<div id='actmsg' style='display:none'>該公司有活動,請關照!</div>");
obj.attr({id:"message2",class: "message"});
//alert(obj.text());
});
$("#message2").ligerTip({ content: $("#actmsg").html() });
/* alert($("#t1|2|r1001|c103").val());
$("#t1|2|r1001|c103").ligerTip({ content: $("#actmsg").html() }); */
});
</script>
<title>MyFirstDemo</title>
</head>
<body>
<div id="t1"></div>
<div id='actmsg' style="display:none">該公司有活動,請關照!</div>
</body>
</html>