码迷,mamicode.com
首页 > 其他好文 > 详细

属性控件

时间:2016-06-20 14:03:50      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

  前端用于增加、修改、删除属性的简易控件,实现对事物的属性进行增删改的功能。可添加新增修改事件实现对数据的验证。有两种属性控件(输入框与属性框)

Sh_property(pro)

_obj

对象

_key

标签id

_myTag

容器

_proType

类型(0默认输入框 1属性框)

_dTxt

默认值

_index

索引位置

_readonly

是否只读

html代码

<head>

    <title></title>

    <link href="/_css/manage.css" rel="stylesheet" type="text/css" />

    <script src="/_js/jquery-1.8.2.min.js" type="text/javascript"></script>

    <script src="/_js/Sh_property.js" type="text/javascript"></script>

    <script src="download.js" type="text/javascript"></script>

</head>

<body>

    <div class="content">

    </div>

</body>

fun_update(obj)

新增或修改操作

参数:

  • obj:对象

示例1:

new Sh_property({ myTag: $(‘.con .content‘),
   proType: 0,
   index: 0,
   defaultTxt: ‘类型名称‘,
   key: 0,
   value: "",
   fun_update: function (obj) {
      alert("新增或修改操作");
   }
});

展示效果:

技术分享

示例2:

new Sh_property({ myTag: $(‘.con .content‘),
   proType: 1,
   index: index,
   defaultTxt:‘请输入属性名称:值‘,
   value: ‘请输入属性名称:值‘,
   fun_update: function (obj) {
      alert("新增或修改操作");
   }
});

展示效果:

技术分享
fun_info_del(_id, _title)

删除事件

示例1:

new Sh_property({ myTag: $(‘.con .content‘),
   proType: 0,
   index: 0,
   defaultTxt: ‘类型名称‘,
   key: 0,
   value: "",
   fun_info_del: function (obj) {
      alert("删除事件");
   }
});

展示效果:

技术分享

示例2:

new Sh_property({ myTag: $(‘.con .content‘),
   proType: 1,
   index: index,
   defaultTxt:‘请输入属性名称:值‘,
   value: ‘请输入属性名称:值‘,
   fun_info_del: function (obj) {
      alert("删除事件");
   }
});

展示效果:

技术分享

下载地址:http://admin.tiaoceng.com/assemblydetail_31.html

属性控件

标签:

原文地址:http://www.cnblogs.com/tiaoceng/p/5600238.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!