6

我在我的项目中使用 jsGrid，现在我被困在这里以隐藏代码中正在使用但不应显示在页面中的列。

我使用的网格是：jsGrid

我曾尝试进行输入控制hidden，但仍然无法正常工作。

以下代码定义了我为隐藏字段设置的网格列AccountID。但是，它不起作用。

代码：

fields: [
        { name: "Account", width: 150, align: "center" },
        { name: "Name", type: "text" },
        { name: "AccountID", type: "hidden", width: 0}
    ]
4

6 回答 6

15

由于 v1.3 jsGrid 字段有一个选项visible

http://js-grid.com/docs/#fields

如果你需要在运行时隐藏（或显示）一个字段，可以像下面这样完成：

$("#grid").jsGrid("fieldOption", "ClientName", "visible", false);
于 2016-01-17T00:50:48.667 回答
8

试试下面的代码。

创建一个如下所示的 CSS 类

.hide
{
   display:none;
}

并将css属性分配给如下字段

fields: [
    { name: "Account", width: 150, align: "center" },
    { name: "Name", type: "text" },
    { name: "AccountID", css: "hide", width: 0}
]

希望这会帮助你。

于 2015-11-27T04:10:24.030 回答
6 
fields: [
{ name: "Account", width: 150, align: "center" },
{ name: "Name", type: "text" },
{ name: "AccountID", visible: false, width: 0}]
于 2016-06-03T19:47:37.130 回答
1 
    fields: [{
            name: "<FIELD NAME>",
            visible: false
        }
    ]
于 2018-10-25T07:07:44.217 回答
0

隐藏很简单，像这个例子一样：

{ name: "id", title: "Id", type: "text", width: 1, css:"hide"}

CSS类从bootsrap隐藏的地方

于 2019-05-01T09:21:31.367 回答
0

在我的例子中，我们开始我们的应用程序以在 JSGrid 中显示一个列，然后一直到生产。后来需要隐藏该列，但我使用该列进行自定义排序。所以这就是我做的

我的风格

.idStyle:
{
  color: red;
}

开创了新风格

.hiddenStyle: 
{
  display: none;
}

下面是我的 jsGrid 字段

var jsGridField = 
[
  { name: "Student ID", type: "text", width: "auto", css: "idStyle hiddenStyle" },
  { name: "Student Name", type: "text", width: "auto", css: "labelStyle" },
]
于 2020-03-05T19:25:57.373 回答