layui给下拉框及日期组件赋值

2019-07-19 02:05:50  晓掌柜  版权声明：本文为站长原创文章，转载请写明出处

一、吐槽

    layui感觉真的是比较不好用

二、为啥感觉不好用呢

    个人觉得，在现如今的页面动态渲染的情况的，layui这种基于原生js的模式让代码编写显得很臃肿，

可能一个功能的开发我用其vue框架很简便就实现了，但是使用这个就要用很多行代码去实现。

三、尤其说一下，组件这个问题

    ① layui的组件需要引入（分引入layui和layer两种情况，）

    ② 每使用一个组件就要在js中声明  layui.use([XXX,XXX,XXX])...

    ③ 然后嘞，以form为例，你每次刷新了数据后或者动态赋值后都要render一下，

    ④ 组件之间的控制也是在layui.use中，比较模式化。更多的时候使用起来比较僵硬

    ⑤ 当然也不是没有好的地方，基于原生态入门及操作比较容易

    ⑥ 样式比较轻盈好看也是一个吧

四、废话呢么多，直接上代码吧

setDefaultVla:function(){
    /* 部门 */
    $('#deptPanel').val(xa.deptId);

    /* 职位 */
    $('#postionPanel').val(xa.postionId);

    /* 性别 */
    $('#sexDom').val(xa.sex);

    /* 入职日期 */
    $('#joinDate').val(xa.joinDate);

    /* 合同起 */
    $('#contractStartDate').val(xa.contractStartDate);

    /* 合同止 */
    $('#contractEndDate').val(xa.contractEndDate);

    /* 身份证起 */
    $('#idCardStartDate').val(xa.idCardStartDate);

    /* 身份证止 */
    $('#idCardEndDate').val(xa.idCardEndDate);

    /* 重新渲染 */
    layui.form.render();
}

五、后记

    另附上关于layui的另外两篇文章：

        layui中动态修改下拉框的选中值

        layui中请求后台数据动态创建下拉框

    当然你也可以使用layui.form.render('select')；来专门真多下拉框进行刷新操作。