更新Jquery Jtable插件依赖于一个选定的行在另一个表

hello我有下面的代码片段。部门

  <div>Users </div>
  <div id="UserTableContainer"></div>

 <script type="text/javascript">
    var departmentChangeId = 1;

    $(document).ready(function () {

        $('#DepartmentTableContainer').jtable({
            paging: true,
            useBootstrap: true,
            sorting: true,
            selecting: true,
            selectOnRowClick: true,
            title: 'Departments',
            actions: {
                listAction: '/api/Department/GetDepartmentList',
                createAction: '/api/Department/CreateDepartment',
                updateAction: '/api/Department/EditDepartment',
                deleteAction: '/api/Department/DeleteDepartment'
            },
            fields: {
                ID: {
                    key: true,
                    list: false
                },
                TypeId: {
                    title: 'Department Type',
                    options: '/api/Department/GetDepartmentTypeList'
                },
                Label: {
                    title: 'Department'
                },
            },

            //Register to selectionChanged event to hanlde events
            selectionChanged: function () {
                //Get all selected rows
                var $selectedRows = $('#DepartmentTableContainer').jtable('selectedRows');
                departmentChangeId = $selectedRows.data('record').ID;
                //alert(departmentChangeId);
                //
                refresh();
            }
        }).jtable('load');
        $('#UserTableContainer').jtable({
            messages: ArabMessages, //Lozalize
            paging: true,
            useBootstrap: true,
            sorting: true,
            title: 'Employee',
            actions: {
                listAction: '/api/Users/GetEmployee?id=' + departmentChangeId,
                updateAction: '/api/Users/EditEmployee'
            },
            fields: {
                Id: {
                    key: true,
                    list: false
                },
                DepId: {
                    title: ' Department',
                    options: '/api/Department/GetDepartmentTypeList'
                },
                LastName: {
                    title: 'Name'
                },
            }
        });
        $('#UserTableContainer').jtable('load');
    });

这是我用于刷新函数

的两个版本首先

函数刷新(){

       $('#UserTableContainer').jtable('reload');
   }

第二个

function refresh() {美元。post("/api/Users/GetEmployee"， "id=" + departmentChangeId，函数(results) {$ (' # UserTableContainer ') .jtable("重载");｝json),

    }

不幸的是他们都不工作而不是当我使用调试模式时，我看到/api/Users/GetEmployee在两种情况下都被访问

$('#UserTableContainer').jtable('load');