textbox3.htm 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <html>
  2. <head>
  3. <title></title>
  4. <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  5. <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  6. <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  7. <script src="../../lib/ligerUI/js/plugins/ligerTextBox.js" type="text/javascript"></script>
  8. <script type="text/javascript">
  9. $(function ()
  10. {
  11. //我们将一个html文本框对象转换成ligerui文本框对象,并返回ligerui对象
  12. var g = $("#txt1").ligerTextBox(
  13. {
  14. //如果没有输入时,会提示不能为空
  15. nullText: '不能为空'
  16. });
  17. /*
  18. 如何获取属性
  19. */
  20. //方式一
  21. alert('方式一:' + g.get('disabled'));
  22. //方式二
  23. alert('方式二:' + $("#txt1").ligerTextBox('option', 'disabled'));
  24. /*
  25. 如何设置属性
  26. */
  27. //方式一
  28. g.set('disabled', true);
  29. //方式二
  30. $("#txt1").ligerTextBox('option', 'disabled', false);
  31. /*
  32. 如何调用方法
  33. */
  34. //方式一
  35. g.setDisabled();
  36. //方式二
  37. $("#txt1").ligerTextBox('setEnabled');
  38. /*
  39. 如何设置事件
  40. */
  41. //这里给文本框绑定一个改变值的事件
  42. //也可以设置onChangeValue参数
  43. g.bind('changeValue', function (value)
  44. {
  45. alert(value);
  46. });
  47. });
  48. </script>
  49. </head>
  50. <body style="padding:10px">
  51. <input type="text" id="txt1" value="" style="width:200px"/>
  52. </body>
  53. </html>