应用设计-左栏

左栏是设置列表分类的左边树:

image.png

显示效果:

image.png

来源类型:

    无左栏:不显示左栏。

    固定json:树数据来源于一个默定的json字符串,示例:[{value:'438320751071301',label:'1',children:[{value:'438321305198661',label:'1-1',isLeaf:true}],isLeaf:false}]。

    数据字典:树数据来源于数据字典,选择后要在下面的数据字典选择字典项。

    sql:树数据来源于一个sql查询,示例:select id,title,isLeaf from table where parent_id=0(id,title,isLeaf查看三列为固定名称,如果是其他名称用as别名,parent_id为上下级关系字段,字符名称不规定,实际是什么就写什么。)。

    url:树数据来源于一个url地址返回的json字符串。

节点操作:当点击节点时的操作。

    查询:以点击节点的值作为查询条件查询。

    查询及所有下级:以点击节点的值以及所有下级节点的值作为条件in查询。

    无:点击无操作。   

查询字段:节点点击后查询条件对应的字段。

下级来源:查询时加载所有下级的sql/url/方法 sql以[sql]开头 url以[url]开头 否则为方法 如果来源为json或数据字典则默认加载所有下级(来源为json或数据字典这里不用设置)。

节点id:每条树数据的唯一id,tree控件的node-key属性。

label字段,children字段,isLeaf字段:设置tree的props属性。

    image.png

默认宽度:左栏的默认宽度。

最小宽度:左栏可拖动的最小宽度。

最大宽度:左栏可拖动的最大宽度。

默认全部展开:是否默认展开全部。

懒加载:是否懒加载(点击上级再加载下级)。

节点图标:节点图标。

叶子节点图标:没有下级节点的节点图标。

操作脚本:节点单击事件,为空默认点击作为条件查询列表。

联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2024 重庆天知软件技术有限公司 版权所有