JTable jquery,关闭子按钮

时间:2014-03-19 12:05:27

标签: javascript jquery jtable jtableheader

我正在使用Jtable(基于Jquery)。 我对子表有些麻烦。 在子表中,我在工具栏中添加了一个新按钮。 使用工具栏中的这个新按钮,che close图标消失,我该如何解决? (如果我删除了工具栏元素,则正确显示关闭按钮的X.)

            $('#ListHeader').jtable({
                    title: 'ExpensesAccounts' ,
                    actions: {
                        listAction: function (postData, jtParams) {
                            return getListDataHeader();
                        }
                    },
                    fields: {
                        ID:{
                            key: true,
                            list:false
                        },
                        Details: {
                            title: '',
                            width: '5%',
                            sorting: false,
                            edit: false,
                            saveUserPreferences: false,
                            create: false,
                            display: function (headerData) {
                                //Create an image that will be used to open child table
                                var $img = $('<img src="../Images/viewDetails.png" width="20p" height="20p" title="View Details" />');
                                //Open child table when user clicks the image
                                $img.click(function () {
                                    $('#ListHeader').jtable('openChildTable',
                                            $img.closest('tr'),
                                            {
                                                title: headerData.record.Title + ' - Row' ,
                                                saveUserPreferences: false,
                                                paging: true,
                                                pageSize: 3,
                                                showCloseButton:true,
                                                toolbar: {
                                                    items: [{
                                                        icon: '../scripts/jtable/themes/metro/add.png',
                                                        text: 'Add New Row',
                                                        click: function (headerID) {
                                                            window.location = "InsertRow.aspx";
                                                        }
                                                    }]
                                                },
                                                actions: {
                                                    listAction: function (postData, jtParams) {
                                                        return getListDataRow(headerData.record.ID, jtParams.jtStartIndex, jtParams.jtPageSize);
                                                        //return { "Result": "OK", "Records": [] };
                                                    },
                                                    deleteAction: function (postData) {
                                                        return deleteItem(postData, 'Expense Account Rows');
                                                    }
                                                },
                                                fields: {
                                                    HeaderID: {
                                                        type: 'hidden',
                                                        defaultValue: headerData.record.ID
                                                    },
                                                    ID: {
                                                        key: true,
                                                        create: false,
                                                        edit: false,
                                                        list: false
                                                    },
                                                    Title: {
                                                        title: 'Title',
                                                        width: '20%'
                                                    }
                                                }
                                            }, function (data) { //opened handler
                                                data.childTable.jtable('load');
                                            });
                                });
                                //Return image to show on the person row
                                return $img;
                            }
                        },
                        Title: {
                            title: 'Title'
                        },
                        Status: {
                            title: 'Status',
                            width: '8%'
                        }
                    }
                });
                $('#ListHeader').jtable('load');

谢谢, NK

0 个答案:

没有答案