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

ligerUI_入门_001_设置文本能否被编辑、事件的更多相关文章

  1. Swing文本域的编辑

    1..setEditable(false); 设置文本域不可编辑 2..setHorizontalAlignment(JTextField.CENTER); // 设置文本的水平对齐方式 有效值包括: ...

  2. SSRS动态设置文本框属性

    SSRS可以通过表达式动态设置文本框所有的属性,比如字体,字号,是否加粗,如下图所示: 汉字和数字英文字母占用的空间不一样,一个汉字占用两个数字和英文字母的空间,VB里有LENB取得字节数,这SSRS ...

  3. 无废话ExtJs 入门教程五[文本框：TextField]

    无废话ExtJs 入门教程五[文本框:TextField] extjs技术交流,欢迎加群(201926085) 继上一节内容,我们在表单里加了个两个文本框.如下所示代码区的第42行位置,items: ...

  4. iOS不得姐项目--登录模块的布局,设置文本框占位文字颜色,自定义内部控件竖直排列的按钮

    一.登录模块的布局 将一整部分切割成若干部分来完成,如图分成了三部分来完成 设置顶部状态栏为白色的方法 二.设置文本框占位文字颜色 <1>方法一与方法二实现原理是同一种,都是通过设置pla ...

  5. Jqgrid入门-Jqgrid设置二级表头(六)

    上一章已经说明了Jqgrid结合Struts2+json展示数据,这一章主要探讨Jqgrid如何设置二级表头,类似这样的效果.如:           要实现这个功能,其实也不难.通过Jqgrid的s ...

  6. jquery设置文本框值 与获取文本框的值

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  7. html5权威指南：设置文本样式

    css部分---设置文本与字体样式:http://blog.csdn.net/hierarch_lee/article/details/52611250 补充---设置网页文本选中样式:http:// ...

  8. wex5 设置文本居中或图片居中

    wex5 设置文本居中  text-align:center就好了,display要设置成block  或图片居中   设置class属性的居中

  9. xamarin android 在代码中如何设置文本颜色

    xamarin android 在代码中如何设置文本颜色 TextView v = FindViewById<TextView>(Android.Resource.Id.Message); ...

随机推荐

  1. docker es and es cluster

    How to use this image You can run the default elasticsearch command simply: $ docker run -d elastics ...

  2. Android源码剖析之Framwork层后记篇（硬件消息传递、apk管理、输入法框架、编译过程）

    本文来自http://blog.csdn.net/liuxian13183/ ,引用必须注明出处! 既然写到后记篇,就代表本系列到此为止,暂时告一段落:其他一些Manager随后有时间再补,就像源码的 ...

  3. C中文件操作说明

    r 以只读方式打开文件,该文件必须存在. r+ 以读/写方式打开文件,该文件必须存在. rb+ 以读/写方式打开一个二进制文件,只允许读/写数据. rt+ 以读/写方式打开一个文本文件,允许读和写. ...

  4. Popwindow自定义动画（nexus5不支持暂未解决）

    遇到一个问题,先记录一下 PopWindow自定义动画 import android.app.Activity; import android.graphics.drawable.BitmapDraw ...

  5. HTTP 协议的历史演变和设计思路

    HTTP 协议是互联网的基础协议,也是网页开发的必备知识,最新版本 HTTP/2 更是让它成为技术热点. 本文介绍 HTTP 协议的历史演变和设计思路. 一.HTTP/0.9 HTTP 是基于 TCP ...

  6. 【C++Q】

    //c_str const char* str2Cchar(string s){ //const char* ss = s.c_str(); //出错,因为s会被析构,ss指向垃圾内容 ]; strc ...

  7. 分享一个移动项目中消除click事件点击延迟的方法

    对于前端工程师来说,apicloud无疑给我们提供了很好的平台,有各种各样的模块供我们使用,但是在实际项目的时候,很大部分的代码,还是需要我们用html css js来实现的.但是呢,移动端页面对于c ...

  8. Inside Flask - app.py - 2

    Inside Flask - app.py - 2 Flask 初始化参数 Flass 类是 Flask 框架的核心,一个 flask 对象处理视图函数注册.URL规则.模板配置.参数设置等等. 一般 ...

  9. ZOOKEEPER解惑

    现在网上关于ZooKeeper的文章很多,有介绍Leader选举算法的,有介绍ZooKeeper Server内部原理的,还有介绍ZooKeeper Client的.本文不打算再写类似的内容,而专注与 ...

  10. java获取泛型的真实类型

    ParameterizedType type = (ParameterizedType)this.getClass().getGenericSuperclass(); Type[] actualTyp ...