easyui-treegrid

1、根据物料的不同版本更新树列表(treegrid),树根节点重新加载刷新。

easyui-treegrid_第1张图片
image.png
var treedata = $("#cidp_pbom_pbomreview_tree").treegrid("getData");
        if(treedata.length>0&&treedata[0].ID==dataid){
            $("#cidp_pbom_pbomreview_tree").treegrid("reload",dataid);
        }

dataid:为当查询条件中选择的物料。
关键点:选择的物料id和树列表中的id进行比较。

2、当查询条件中选择的物料进行切换时,树形表格中的数据要刷新成最新选择的物料数据,作为树形表格的跟节点列表进行展现

easyui-treegrid_第2张图片
查询前
easyui-treegrid_第3张图片
查询后
实现代码
var treedata = $("#cidp_pbom_pbomreview_tree").treegrid("getData");
$("#cidp_pbom_pbomreview_tree").treegrid("remove",treedata[0].ID);

在树列表上移除上一个物料树,重新加载就可以。

全部代码

查询页面代码:
逆向追溯 正向追溯 重置
树形表格(树列表)页面代码: <#if childFields?exists> <#list childFields as field> <#if '${field.ATTRID}' != ''> <#if '${field.ATTRCODE}' == 'QUANTITY'>
${field.ATTRNAME} ${field.ATTRNAME}
正向追溯代码: /** * 正向展开查询按钮事件 */ this.queryOfAhead = function() { debugger; var bomtype = $('#bomtype').combobox('getValue'); var dataid = queryForm.find('#dataid').val(); var bomversion = $('#bomversion').combobox('getValue'); if (queryForm.form('validate')) { $("#cidp_pbom_pbomreview_tree").treegrid('reload', {bomtype:bomtype,dataid:dataid,bomversion:bomversion,reviewtype:'ahead'}); } var treedata = $("#cidp_pbom_pbomreview_tree").treegrid("getData"); if(treedata.length>0&&treedata[0].ID==dataid){ $("#cidp_pbom_pbomreview_tree").treegrid("reload",dataid); }else{ $("#cidp_pbom_pbomreview_tree").treegrid("remove",treedata[0].ID); } }

你可能感兴趣的:(easyui-treegrid)