ligeru ui 組合顯示

<%@ 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>

相關文章
相關標籤/搜索