简单介绍我封装的js

正文开始

(目前还没有一个满意的文件名字)

简单描述其功能:快速实现一些常见的功能, 重用的功能不需要每次都重写一边。

如:写一个input,正常html写法:

看似简单、无以修饰至完美,其实当它的一些特异功能需要扩展时就会发现还有很多代码要写。

如:只能输入金额、只能输入数字、常用邮箱格式输出、ajax快速检索关键词... 文件上传特效。

这时候html就表示无能为力,其实html能如此,所以主角还是javascript。

废话不多,上封装好的写法:

创建简单的输入框

var enterBox = makeInput({'name':'username', 'width:'200', 'class': '...'});

只能输入数字、小数的输入框

var enterBox = makeInput({'name':'username', 'width:'200', 'class': '...', 'limit':'int'});

var enterBox = makeInput({'name':'username', 'width:'200', 'class': '...', 'limit':'float'});

自动上传图片的input

makeInput({name:'face_url', type:'file',width: 255, upload_url: '/©m=user&do=upload_face', view:true, view_tag: '#header .userface,#user_head_logo' }

当然这里有利用到jq的ajax上传插件、自己写好php接口,结合在一起,实现快速上手一个上传功能,支持上传图片(可设为预览),支持上传其他文件。

ajax读取数据生成下拉菜单的input

 makeInput({name:'z_pic', type:'text',width: 255, ajax_menu: {url:'/©...',post_name:'',width:'200',value_key,title_text,func}})

//接口输出数据格式 return  json_encode($allData);

支持自定义提交name值: post_name: 'user_id',这里习惯性的会疑问为何不直接用input的name© 因为这个摩恩的name是留给input提交数据用的,而input的ajax提交name很有可能会和它毫无关系,所以如此。

支持自定义菜单的数据值,隐藏在每一行数据中:比如 value_key: 'k_id'

支持自定义输出内容,title_text,字段用{}包含 如 title_text:'编号:{k_id},姓名:{k_title}' 。

支持自定义点击时间,func: ''

后面还有很多常用功能:select下拉对象支持多选、radio、switch、简单的html编辑器、树形菜单、无限层极的表格输出、表格数据的分页以及输出、快速实现编辑表单、搜索表单、快速实现评论功能,就在下面....

正文结束

没有上一篇 快速实现一个编辑表单