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>

 

你可能感兴趣的:(UI)