LigerUI学习笔记之 spinner

最新推荐文章于 2021-03-12 02:41:38 发布

weixin_34166472

最新推荐文章于 2021-03-12 02:41:38 发布

阅读量275

点赞数

原文链接：http://www.cnblogs.com/Sky-cloudless/archive/2012/09/04/2670778.html

版权

应该这样写

    <link href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <script src="../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/plugins/ligerSpinner.js" type="text/javascript"></script>  //和上次的TextBox不一样啊 注意哦

HTML代码 这样写 貌似有几个地方木有搞清楚
<body style="padding: 10px">
    <h3>
        示例一：浮点数(默认)</h3>
    <input id="txt1" type="text" value="3" /><br />
    <input type="button" id="btnSet" value="设置值" />
    <input type="button" id="btnGet" value="获取值" />
    <input type="button" id="btnDisabled" value="设置只读" />
    <input type="button" id="btnEnabled" value="取消只读" />
    <br />
    <!--<h3>
        示例一：小数位</h3>
    <input id="txt12" type="text" value="3.63" />
    <br />-->
    <h3>
        示例二：整数</h3>
    <input id="txt2" type="text" value="2.3" />
    <br />
    <h3>
        示例三：非负整数</h3>
    <input id="txt3" type="text" value="3" />
    <br />
    <!--<h3>
        示例四：时间</h3>
    <input id="txt4" type="text" />
    <br />-->
    <div style="display: none;">
    </div>
</body>

重点环节

<script type="text/javascript">
        var manager;
        $(
        function () {
            //先看看怎么来设置吧
            $("#txt1").ligerSpinner({ height: 28 }); //默认是浮点数
            // $("#txt12").ligerSpinner({ height: 28, type: 'float', decimalplace: 2 });//小数位 不知怎么用
            $("#txt2").ligerSpinner({ height: 28, type: 'int' });//只允许输入整数

            $("#txt3").ligerSpinner({ height: 28, isNegative: true });
            //$("#txt3").ligerSpinner({ height: 28, isNegative: true, type: 'int' }) //false：表示不允许负整数，

            //$("#txt4").ligerSpinner({ height: 28, type: 'time' });  //这几有bug
            //注释的内容就不要在意了

            //怎么获取值呢？
            manager = $("#txt1").ligerSpinner({ disabled: true });

            $("#btnSet").bind('click', function () {
                manager.setValue(44);
            });
            $("#btnGet").bind('click', function () {
                alert(manager.getValue());
            });
            $("#btnDisabled").bind('click', function () {
                manager.setDisabled();
            });
            $("#btnEnabled").bind('click', function () {
                manager.setEnabled();
            });
        });
    </script>

转载于:https://www.cnblogs.com/Sky-cloudless/archive/2012/09/04/2670778.html

weixin_34166472

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
LigerUI学习笔记之 spinner

应该这样写 <link href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> <script src="../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"><...
复制链接

扫一扫