<body class="easyui-layout" >    
    <div data-options="region:'west',title:'流程实例',split:true" id="div_4" style="width:350px">
        <table id="InstanceTable"  class="easyui-treegrid" data-options="fit:true,treeField:'PLM_NAME',idField: 'id',onClickRow:NodeSelect" >
            <thead>
                <tr>
                    <th data-options="title:'id',hidden:true,field:'PLM_OID',width:0"></th>
                    <th data-options="title:'流程实例名称',hidden:false,field:'PLM_NAME',width:300">实例名称</th>
                </tr>
            </thead>
        </table>
    </div>
    <div data-options="region:'center',title:'',split:true" >
        <div class="easyui-layout" data-options="fit:true,border:false">
            <div id="controllerbox" data-options="region:'north', title:'', iconCls:'',border:false" style="height: 28px;">
            </div>
            <div id="procbox" data-options="region:'center',border:false">
                <iframe id="procframe" scrolling="auto" frameborder="0" src="" style="width: 10%; height: 99.6%;"></iframe>
            </div>            
        </div>
    </div>
</body>

以上是前端代码

var oid=window.location.href.split('=')[1];
            var url = "../json/procProcessIns.aspx?oid="+oid+"&pageIndex=1&pageSize=20";
            var processDefOid=oid;
            $.ajax({
                url: url,
                type: 'get',
                beforeSend: function () {
                    $.messager.progress({
                        title: 'TiPLM',
                        msg: '正在加载数据......',
                        text: ''
                    });
                },//发送请求前打开进度条
                success: function (data) {
                    $.messager.progress('close');//任务执行成功，关闭进度条
                    if (data) {
                        $("#InstanceTable").treegrid({
                            data: data,
                            rownumbers: true,
                            pageNumber: 1,
                            pageSize: 20,
                            pageList: [20, 50, 100],
                            autoRowHeight: false,
                            fitColumns: false,
                            pagination: true,
                            singleSelect: true,
                            onBeforeLoad: TreeBeforeLoad,
                            loadFilter: function (data, parent) {
                                if (parent != null)
                                    return data;
                                data = dispTreeNode(data);
                                let dg = $(this);
                                let opts = dg.treegrid('options');
                                let pager = dg.treegrid('getPager');
                                pager.pagination({
                                    beforePageText: "页",
                                    afterPageText: "页,共{pages}页",
                                    displayMsg: "显示{from}到{to},共{total}条记录",
                                    onSelectPage: function (pageNum, pageSize) {opts.pageNumber = pageNum;
                                        opts.pageSize = pageSize;
                                        pager.pagination('refresh', {
                                            pageNumber: pageNum,
                                            pageSize: pageSize
                                        });
                                        dg.treegrid('loadData', data);
                                    }
                                });
                                if (!data.originalRows) {
                                    data.originalRows = data.rows;
                                }
                                let start = (opts.pageNumber - 1) * parseInt(opts.pageSize);
                                let end = start + parseInt(opts.pageSize);
                                data.rows = (data.originalRows.slice(start, end));

                                return data;
                            },
                            onBeforeExpand: expandClick
                        })
                    }
                },
                error: function (data) {
                    $.messager.progress('close');//任务执行成功，关闭进度条
                }
            })