学习了解使用ligerui的通用方法、事件

最新推荐文章于 2018-12-27 14:46:08 发布

wa334278063

最新推荐文章于 2018-12-27 14:46:08 发布

阅读量1.5k

点赞数

分类专栏： LigerUi

本文链接：https://blog.csdn.net/wa334278063/article/details/8771950

版权

LigerUi 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>1</title>
   <link href="js/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  <script src="js/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  <script src="js/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
  <script src="js/ligerUI/js/plugins/ligerTextBox.js" type="text/javascript"></script>
  <script src="js/indexdata.js" type="text/javascript"></script>
<script type="text/javascript">
   $(function ()
  {
  //我们将一个html文本框对象转换成ligerui文本框对象,并返回ligerui对象
  var g = $("#txt").ligerTextBox(
  {
  //如果没有输入时,会提示不能为空
  nullText: '不能为空'
  });

  /*
  如何获取属性
  */
  //方式一
  alert('方式一:' + g.get('disabled'));
  //方式二
  alert('方式二:' + $("#txt").ligerTextBox('option', 'disabled'));

  /*
  如何设置属性
  */
  //方式一
  g.set('disabled', true);
  //方式二
  $("#txt1").ligerTextBox('option', 'disabled', false);

  /*
  如何调用方法
  */
  //方式一
    g.setDisabled();
  //方式二
  $("#txt1").ligerTextBox('setEnabled');

  /*
  如何设置事件
  */
  //这里给文本框绑定一个改变值的事件
  //也可以设置onChangeValue参数
  g.bind('changeValue', function (value)
  {
  alert(value);

});

});
</script>

</head>
<body style="padding:10px">
<input type="text" id="txt" value="" style="width:200px"/>
</body>
</html>

wa334278063

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
学习了解使用ligerui的通用方法、事件

1 $(function () { //我们将一个html文本框对象转换成ligerui文本框对象,并返回ligerui对象 var g = $("#txt").ligerTextBox( { //如果没有输入时,会提示不能为空 nullText: '不能为空' });
复制链接

扫一扫