<!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>