grid

grid

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  78 Posts :: 0 Stories :: 62 Comments :: 0 Trackbacks
我们开始编写第一个MiniUI程序,代码如下:
<!DOCTYPE html />
<html>
<head>
    <title> Hello MiniUI!</title>
    <!--jQuery js-->
    <script src="../jquery.js" type="text/javascript"></script>
    <!--MiniUI-->
    <link href="../themes/default/miniui.css" rel="stylesheet" type="text/css" />
    <script src="../miniui.js" type="text/javascript"></script>
</head>
<body>
    <input id="helloBtn" class="mini-button" text="Hello" onclick="onHelloClick"/>
    <script type="text/javascript">
        function onHelloClick(e) {
            var button = e.sender;
            mini.alert("Hello MiniUI!");
        }
    </script>
</body>
</html>


 Note请注意相关javascript和css的路径是否正确。
 MiniUI是基于jQuery开发的javascript控件库,所以依赖jquery.js。jQuery版本1.4+即可。
 效果图如下:
   
    


    本例注意点如下:       
  • 控件声明:class="mini-button"      
  • 属性设置:text="Hello"       
  • 事件绑定:onclick="onHelloClick"      
  • 事件处理函数:onHelloClick的e是事件对象,e.sender是事件激发者,本例中是button。

    运行示例               

posted on 2012-09-05 17:13 nikofan 阅读(2846) 评论(0)  编辑  收藏

只有注册用户登录后才能发表评论。


网站导航: