• 公共事件属性

    HTML本身有很多属性,同时也支持自定义属性,比如:

    <div id="site-left" aa="bb" cc="dd"></div> 或 <a onclick="alert(ok)" onaa="alert(error)">提示</a>

    同时JQuery有一个attr方法,可以取到元素的任意属性的值,比如$("#site-left").attr("aa")就可以取到bb了。基于这种方式我们可以在HTML元素上附加更多的信息,这些在uiZjs里使用了很多。大概分为值属性和事件属性,下拉列表框、下拉复选模式、下拉树、下拉复选树、单选按钮组、复选按钮组、星级选择器统称为下拉类控件。
    具体列表如下:
    事件属性
    描述
    callback
    当出现在openurl时 表示窗口关闭后的回调函数名 比如:
    <script type="text/javascript">
    function orderchange($t){//$t为默认返回参数 参数值为当前这个a元素
      alert( "这是一个JS函数,参数里的$t是a元素,我们要看一下a的openurl属性值为:"+$t.attr("openurl") );
    };
    </script>
    <a openurl="a.html" callback="orderchange()">修改</a>
    当出现在cselectorImageUpload时 表示文件上传后的回调函数
    当出现在execcmd时 表示命令执行完成后的回调函数
    beforesubmit
    在图片上传控件的文件上传之前调用 用于自定义打包数据
    bindcallback
    在图片上传控件变形后的回调
    OtherInfo
    在图片上传控件上传完成后 如果返回的有额外信息 比如文件名 文件大小 配置此回调
    conbind
    在下拉类控件变形后的回调
    conbefore
    下拉类控件的项点击时的前置回调 参数有三个($t,$input,$id)
    conchange
    下拉类控件的项点击后的回调 参数有三个($t,$input,$id)
  • 表格事件属性

    事件属性
    描述
    callback
    表示在表格的数据从服务器端 返回后并且渲染前 的回调函数
    beforerender
    表示在表格的数据每页渲染前 的回调函数 用于字典转换或数据预处理
    beforerenderrow
    表示在表格的数据每页每行渲染前 的回调函数 参数为单行对象 用于字典转换
    afterrender
    表示在表格的数据每页渲染后的回调
    getcallback
    表示在表格的数据从服务器端 返回后并且渲染后 的回调函数
  • 表单事件属性

    事件属性
    描述
    beforerender
    表示在表单的数据渲染前 的回调函数
    getcallback
    表示在表单的数据从服务器端 返回后并且渲染后 的回调函数
    setcallback
    表示表单在提交后 的回调函数 最常用的就是setcallback="close()" 提交后关闭弹窗
    beforesubmit
    表单提交前的回调函数 此函数必须有返回值 true或false
    checkcallback
    在表单项的验证通过后 会调用此函数 并且此函数的返回值将决定是否通过检验 这个属性用于增加自定义复杂检验
  • 公共值属性

    备注:下拉列表框、下拉复选模式、下拉树、下拉复选树、单选按钮组、复选按钮组、星级选择器统称为下拉类控件
    公共值属性
    描述
    mode
    字典名称 比如sex ordertype
    values
    自定义字典 直接设置字典值 比如1|男,2|女
    showother
    下拉类控件里是否显示其他 显示其他后 就可以让用户自由输入 比如 显示 男女___其他
    onlyshow
    下拉类控件默认点击后会隐藏项 配置onlyshow后可以不隐藏 用于实现一些一直显示的树
    isinput
    下拉类控件启动可输入搜索模式
    ispanel
    下拉类控件启动面板选择模式 面板选择会多一个ABCD~XYZ的选择器
    isall
    下拉类控件启动 全选/不全选 模块
    cmd-select
    下拉类控件绑定字典项分为2种模式
    一种是固定值 一种是动态的值 比如下拉列表中选择系统内用户列表 那就需要获取 配置cmd-select就是下拉框的获取数据的命令 给下拉框提供的数据和表格类默认数据结构一样
    parentKey
    启动数据缓存模式 parentKey为缓存的变量名 数据会缓存到top[parentKey]中 比如一个页面中有一个表格 里面需要用到10行记录 10个选择人员 配置相同的parentKey后 只有第一个人员列表从服务器返回 其他直接从缓存中读取
    urlpara
    配置下拉类控件获取数据命令时附带URL中的参数
    paras
    配置下拉类控件获取数据命令时附带的固定参数 和URL的格式一样 比如:paras="a=1&b=2&c=3"
    updatewait
    更新等待模式 就不发起命令 这种情况出现在 添加时加载默认列表 修改时 要根据参数获取列表
    prevtemplate
    下拉类控件前置的HTML内容 可任意配置
    jsontree
    启动JSON树数据结构模式 默认为平级结构 用JS递归为树 如果服务器返回的就是树 就启动JSON树模式
    template
    树节点的模板 正常的为<li><a>{{title}}<a></li> 模板中{{}}为绑定数据变量 需要根据自己的数据结果绑定
    idkey
    平级结构表示关键ID的字段名 比如idkey="id"
    pidkey
    平级结构表示父关键ID的字段名 比如pidkey="parentid"
    dateformat
    日期格式化 只有 i 标签生效 格式为yyyy MM dd hh mm ss
    execcmd
    给a配置执行命令
    paras
    execcmd命令附带的参数 以URL参数格式 比如paras="a=1&b=2&c=3"
    confirm
    execcmd命令执行时的提示 比如confirm="确认要删除吗"
    target
    execcmd命令执行成功后要跳转的地址
    refresh
    execcmd命令执行成功后刷新本页面
    delete
    execcmd命令执行成功后删除父.uls元素
    图片选择器相关

    href
    上传接收端路径 默认读zjs.fileurl的config 特殊的单独配置此属性
    btnmsg
    上传按钮的文字 默认为选择上传
    noextension
    忽略上传控件的格式限制
    extension
    指定可上传文件格式 以,号分割 比如 jpg,png,gif
    lock
    上传时锁屏
    file
    启动文件模式 默认为图片模式 上传后显示图片 文件模式上传后显示文件名
    幻灯片相关

    maxshow
    最大同时显示的缩略图数量 自己按照宽度计算
    fixed
    固定高度 DIV本身有高度时配置此属性
    full
    强制幻灯片宽高相同
    half
    强制幻灯片高=宽除2
    thumbnail
    启用幻灯片的缩略图
    fadein
    默认幻灯片为左右滑动 fadein为淡入淡出
  • 表格值属性

    表格中值属性
    描述
    cmd-select
    最常用的属性 配置表格或表单的查询命令
    pullToRefresh
    手机端启动下拉刷新模式 这种模式像朋友圈一样 一直向下加载 不清除前一页 同时监控滚动条 当到页面底部时自动触发
    notscroll
    在下拉刷新模式下 不想监控滚动条事件时配置notscroll="true"
    scrollToRefresh
    PC端启动下拉刷新模式 和手机端差别在于会生成页码 手机端不需要页码
    lockhead
    锁上表头模式
    donotsearch
    表格加载时不请求数据
    idkey
    表格的主键字段
    nomsg
    禁用未搜索到相关结果的提示语
    associate
    启动联想模式 联想模式下未搜索到相关结果时自动还原默认数据
    onlyserver
    强制服务器端搜索模式 否则uiZjs会自动切换前端搜索模式和服务器端搜索模式
    searchtype
    搜索模式 取值为equals(完全相等) between(区间)in(范围)其他值(模糊匹配)
    between
    配合区间搜索模式 表示区间结束 between的值为区间开始
    比如<input id="ordertime" searchtype="between" /> ~ <input between="ordertime" />
    isnumber
    配合区间搜索模式 表示区间值为数值型 默认为字符型
    validatorparas
    启用查询检验 默认查询时不检验参数必填 启用后将检验表格参数区域的rule
    clearurlpara
    清空URL里的参数 默认会将URL的参数带到命令里
    paras
    传输自定义参数
    contentType
    出现在表格时是查询命令的contentType 默认为form
    dateformat
    处理日期时间的格式 默认为yyyy-MM-dd
    lockall
    上左双锁表头模式
  • 表单值属性

    表单中值属性
    描述
    cmd-select
    最常用的属性 配置表格或表单的查询命令
    cmd-insert
    执行新增时的命令
    cmd-update
    执行修改时的命令 切换新增/修改模式的根据为 URL里是否传ID
    message
    表单项默认提示语 比如 请输入用户名
    lengthspan
    字数检验时用于放置提示语的容器 JQUERY语法 比如 #message或 .message
    lengthvalue
    可输入最大值
    error
    检验失败时自定义提示语 默认有提示语 比如*必填
    success
    检验成功的提示语 一般不设置
    rule
    检验规则 具体规则请参见《表单检验》
    nokeydown
    禁用回车切换焦点
    istemplate
    启动前台展示模式 表单在前台展示模式中和表格的模板一样 不可以使用cmd-insert和cmd-update
    allcmds
    默认只有在URL里有id参数时才会发cmd-select命令 allcmds强制每次都发
    scontentType
    表单查询时的contentType
    contentType
    表单执行新增和修改时的contentType
    target
    表单保存成功后跳转路径

继续阅读

    uiZjs