ligerUI_入门_001_设置文本能否被编辑、事件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ligerui001</title>
<link href="ligerui-all.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="base.js" type="text/javascript"></script>
<script src="ligerTextBox.js" type="text/javascript"></script>

<script type="text/javascript">
    $(function(){
        //将一个html文本框转换成ligerui文本框对象，并返回ligerui对象
        var g=$("#txt1").ligerTextBox();
        /**
            如何获取属性：设置文本框是否能被编辑
        */
        //方式一
        alert('方式一：是否能被编辑：'+g.get('disabled'));
        //方式二
        alert('方式二：是否能被编辑：'+$("#txt1").ligerTextBox('option','disabled'));
        /**
            如何设置属性
        */
        //方式一
        g.set('disabled',true);
        alert('方式一：设置不能被编辑：'+g.get('disabled'));
        //方式二
        $("#txt1").ligerTextBox('option','disabled',true);
        alert('方式二：设置不能被编辑：'+$("#txt1").ligerTextBox('option','disabled'));
        /**
            如何调用方法：
        */
        //方式一
        g.setDisabled();
        alert('调用方法：方式一：'+g.get('disabled'));
        //方式二
        $("#txt1").ligerTextBox('setEnabled');
        alert('调用方法：方式二：'+g.get('disabled'));
        /**
            如何设置事件
        */
        //这里给文本框绑定一个改变值的事件，也可以设置onChangeValue参数
        //第一种方式：
        g.bind('changeValue',function(value){
            alert("文本框一值改变为："+value);    
        });
        //第二种方式；
        g=$("#txt2").ligerTextBox({
            onChangeValue:function(value){
                alert("文本框二值改变为："+value);
            }
        });
    });
    
</script>

</head>

<body>
    <form>
        <input id="txt1" type="text" />
        <input id="txt2" type="text" />
    </form>
</body>
</html>
posted @ 2015-04-01 18:07 第二天半阅读(712) 评论(0) 收藏举报
刷新页面返回顶部