layui中的树形关于取值传值问题

本文主要介绍了在layui框架中处理树形组件取值和传值的问题。通过示例代码展示了如何初始化树形结构,获取选中节点的值,以及实现父子节点选中状态同步。当点击按钮时,可以获取到所有选中节点的值。
摘要由CSDN通过智能技术生成

这个是我们需要的效果,实际操作中会先执行渲染 然后在执行方法,然后我们发现树形的JSON是空,调试了N遍一直以为是优先级别的问题了。

   最后解决方案是

<script type="text/javascript">


    layui 的 form 模块
    var form = "";
    layui.use(['form'], function () {
        //  $ = layui.jquery;
        form = layui.form;


        //获取节点数据
        getTreeData();
        //return false;
    });
    function getTreeData() {
        $.ajax({
            //async: false,
            type: "post",
            url: "/api/WebFW//getOrgTree",
            datatype: "json",
            contenttype: "application/json; charset=utf-8",
            success: function (jdata) {


                var xtree1 = new layuiXtree({
                    elem: 'xtree1',
                    form: form,
                    data: strToJson(jdata),
                    isopen: true, //false初始关闭,true打开
                    click: function (data) { //节点选中状态改变事件监听,全选框有自己的监听

layui是一款使用简单、功能强大的前端UI框架,提供了一套方便且丰富的表单校验和表单取值的方法。 首先,layui表单校验可以通过layui内置的form模块来实现。我们首先需要在HTML引入layui的相关文件,然后在表单元素上添加一些特定的属性。例如,使用lay-verify属性来指定需要进行校验的规则,使用lay-reqtext属性来指定校验不通过时的提示信息,使用lay-filter属性来指定筛选器,从而进行事件监听与提交表单等操作。 在校验进行时,我们可以通过layui.form进行各种操作,如监听校验功能的提交事件,通过form.on('submit(filter)', function(data){})方法来监听表单提交,其data即为表单的取值。另外,我们还可以使用form.verify来自定义校验规则,form.val来给表单赋值等。 对于表单取值layui提供了form.val方法来实现。我们可以通过form.val(filter)来获取指定筛选器对应的表单元素的值,也可以通过form.val(filter, obj)来给表单元素赋值。例如,可以通过form.val('example', {name: 'value1', age: 'value2'})来赋值给筛选器为'example'的表单元素name和age。 总而言之,layui通过内置的form模块提供了便捷的表单校验和取值的方法。我们只需在HTML引入相应文件,设置合适的属性和监听器,即可进行表单校验和取值的操作。这使得开发者能够更加方便地实现表单的验证和获取数据
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值