1、根據(jù)物料的不同版本更新樹列表（treegrid），樹根節(jié)點重新加載刷新。

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：為當(dāng)查詢條件中選擇的物料。
關(guān)鍵點：選擇的物料id和樹列表中的id進(jìn)行比較。

2、當(dāng)查詢條件中選擇的物料進(jìn)行切換時，樹形表格中的數(shù)據(jù)要刷新成最新選擇的物料數(shù)據(jù)，作為樹形表格的跟節(jié)點列表進(jìn)行展現(xiàn)

查詢前

查詢后

實現(xiàn)代碼

var treedata = $("#cidp_pbom_pbomreview_tree").treegrid("getData");
$("#cidp_pbom_pbomreview_tree").treegrid("remove",treedata[0].ID);

在樹列表上移除上一個物料樹，重新加載就可以。

全部代碼

查詢頁面代碼：
<form id="cidp_bomapp_bomretrospect_queryform">
    <table style="margin:5px auto">
        <tr>
            
            <td>
                <label id="name_label">BOM類型:</label>
            </td>
            <td>
                
                <input data-roles="mui-combobox" id="bomtype" name="bomtype" data-options="required:true,
                        valueField: 'label',
                        textField: 'value',
                        data: [{
                            label: 'PBOM',
                            value: 'PBOM'
                        },{
                            label: 'MBOM',
                            value: 'MBOM'
                        }]" />
            </td>
            
            <td>
                <label id="code_label">物料:</label>
            </td>
            <td>
                <input type="hidden" id="dataid" />
                <input type="hidden" id="itemcode" />
                <input name="name_v" id="name_v" data-roles="mui-validatebox" 
                data-options="validType:'maxLength[32]',required:true" />
                <a href="#" data-roles="mui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="$m('cidp/bomapp/bomretrospect').selectMaterial();"></a>
                
            </td>
            
            <td>
                <label id="name_label">BOM版本:</label>
            </td>
            <td>
                <input id="bomversion" name="bomversion" value="" >
            </td>
        <tr>    
            <td  style="text-align:center" colspan='6' >
                <a id="btn" href="#" data-roles="mui-linkbutton" data-options="iconCls:'icon-search'" onclick="$m('cidp/bomapp/bomretrospect').queryOfReview()">逆向追溯</a>
                <a id="btn" href="#" data-roles="mui-linkbutton" data-options="iconCls:'icon-search'" onclick="$m('cidp/bomapp/bomretrospect').queryOfAhead()">正向追溯</a>
                <a id="btn" href="#"  data-roles="mui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="$m('cidp/bomapp/bomretrospect').reset()">重置</a>
            </td>
        </tr>
    </table>
</form>



樹形表格（樹列表）頁面代碼：
<table id="cidp_pbom_pbomreview_tree" data-roles="mui-treegrid" 
    data-options="url:$m('cidp/bomapp/bomretrospect').treeReviewPath,idField:'ID', treeField:'CODE_V', fit: true, border: false, rownumbers:true, fitColumns:false">  
    <thead>  
        <#if childFields?exists>
            <tr>
                <#list childFields as field>
                    <!--除數(shù)量外的系統(tǒng)屬性-->
                    <#if '${field.ATTRID}' != ''>
                        <th data-options="field:'${field.ATTRCODE}_V',width:200">${field.ATTRNAME}</th>
                    </#if>
                    <#if '${field.ATTRCODE}' == 'QUANTITY'>
                        <th data-options="field:'${field.ATTRCODE}',width:100">${field.ATTRNAME}</th>
                    </#if>
                </#list>
            </tr>  
       </#if>   
    </thead>  
</table>  

正向追溯代碼：
/**
     * 正向展開查詢按鈕事件
     */
    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);
        }
    }