1

我在 JQuery 数据表上遇到 JEditable 问题，因此当单击字段以启用 JEditable 文本框时，包含该框的行高会发生变化，即使它有足够的空间，这是非常不可取的.

文本框中似乎还有一些我无法删除的填充，它将任何文本推到文本框的可见范围以下，如下所示......

在此处输入图像描述

代码如下...

.js

$(document).ready(function () {
    var oTable = $('#spellTable0').dataTable({
        "sScrollY": "650px",
        "bPaginate": false,
        "bScrollCollapse": true,
        "bAutoWidth": true,
        "bSort": false
     })

     oTable.$('.SpellNoCol-Edit').editable('test.php', {

        "callback": function (sValue, y) {
            var aPos = oTable.fnGetPosition(this);
            oTable.fnUpdate(sValue, aPos[0], aPos[1]);
        },
        "submitdata": function (value, settings) {
            return {
                "row_id": this.parentNode.getAttribute('PatientID'),
                "column": oTable.fnGetPosition(this)[2]
            };
        },

        "height": "24px",
        "width": "100%"

     });

     $(window).on('resize', function () {
         oTable.fnAdjustColumnSizing();
     });

表定义和行定义

<table id="spellTable0" class="table table-condensed" style="border:none">
<tr class="SpellWarningRow; DropDownChild" style="border-collapse:collapse;background-color:khaki">
<tr class="SpellRow; DropDownChild" id="duplicateRow" style="border-collapse:collapse;background-color:oldlace>

是否有任何我不知道的参数来阻止这种情况？

4

1 回答 1

2

找到了解决方案，似乎 JEditable 在它处于活动状态时总是会添加一些额外的东西，不幸的是这无法完全避免。然而，大部分问题在于一个复选框，该复选框增加了行的高度，使其更小修复了大小跳跃问题。

也可以通过初始化代码手动设置宽度和高度。

$('.colClass1').editable('', {
    event: "click",
    "style": "inherit",
    "width": ($('.colClass1').width()-15) + "px",
    "height": ($('.colClass1').height() + 8) + "px",
    "callback": function (sValue, y) {
        var aPos = oTable.fnGetPosition(this);
        oTable.fnUpdate(sValue, aPos[0], aPos[1]);
    },
    "submitdata": function (value, settings) {
        return {
            "row_id": this.parentNode.getAttribute('AttributeX'),
            "column": oTable.fnGetPosition(this)[2]
        };
    },
    "cssclass": "~/Content/themes/header-table/editable.css",
});
于 2013-06-25T09:50:35.237 回答