3

我想更改jqGrid添加表单的CSS。是否有任何方法可用于在 jqGrid 的添加表单的链接中更改完整的 CSS？

我想为添加表单导入另一个 CSS 文件并申请该添加表单。

4

5 回答 5

5

所有使用 jqGrid 来添加/编辑表单的 CSS 样式，您可以在此处和此处找到。如果您检查这些行并检查任何 jqGrid 表单的 HTML 片段，您将看到 jqGrid 使用的所有类。

我不明白你在“导入另一个CSS”下的意思。只有当您在某个地方有其他 CSS 样式具有相同的类名和相同的元素层次结构（潜水、表格、tr 等元素）时，“导入”才会起作用。所以jqGrid使用的表单样式是可以改变的，但是样式的调整就不那么容易了。您必须检查 jqGrid 对话框（表单）的结构才能进行更改。

更新： jqGrid 使用 jQuery UI 样式。因此，您只需将 jQuery UI 更改为另一个，jqGrid 就会使用它。

例如演示（从答案中对旧演示的简单修改）产生以下编辑表单：

在此处输入图像描述

于 2012-08-13T15:59:44.793 回答
4

在您的情况下，我建议您添加id标签<body>并更改它而不是更改文件。您可以通过在每个文件中的CSS.bodyClass1选择器之前添加来操作它。

例子

样式1.css

.bodyClass1 .C1{ ... }
.bodyClass1 .C2{ ... }

样式2.css

.bodyClass2 .C1{ ... }
.bodyClass2 .C2{ ... }

因此，当您的HTML使用style1.css并且您想要将其更改为 时style2.css，您只需使用：

jQuery

$('body').removeClass('bodyClass1');
$('body').addClass('bodyClass2');
于 2012-08-16T09:46:23.770 回答
2

尝试$('#myItemID').css( propertyName , value )

于 2012-08-16T09:42:32.270 回答
2

您不能在不影响整个页面的情况下更改样式表。

我能想到的唯一方法是使用 iframe，但这会有点笨拙。

您可以将一个类添加到父 div，然后将 css 文件更改为类似

.sheet1 .c1 {
    border: 1px solid #000
}

在第一张纸和

.sheet2 .c1 {
    border: 3px solid #f00;
}

在第二。那么你的标记将是：

<div class="sheet1"> <!-- parent div -->
    <div class="c1">Hello!</div>
</div>

sheet1将父 div 中的类更改为sheet2，子 div 会发生变化。

于 2012-08-16T09:43:18.310 回答
1

您不能将不同的样式表应用于页面的不同部分。

您最好在 css 文件中包含两个类，例如 C1 和 C2，然后通过使用 id 来更改相关 div 的类，例如：

<div id="mydiv" class="c1"> </div>


$('#mydiv').addClass('c2');
$('#mydiv').removeClass('c1');
于 2012-08-16T09:45:42.553 回答