Javascript 使用jqGrid更改add表单的CSS

我想更改的添加窗体的。在jqGrid的add表单链接中，是否有任何方法可以更改完整的CSS

---

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

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

我不明白你在“导入另一个css”下的意思。“导入”只有在您有其他具有相同类名和相同元素层次结构（dive、tables、tr等元素）的CSS样式时才有效。因此，可以更改jqGrid使用的表单的样式，但是样式的调整并不容易。您必须严格检查jqGrid对话框（表单）的结构才能进行更改

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

例如（对旧演示的简单修改），生成以下编辑表单：

---

尝试使用

$（“#myItemID”）.css（propertyName，value）

如果不影响整个页面，则无法更改样式表

我能想到的实现这一点的唯一方法是使用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>

你好

---

将父div中的class

sheet1

更改为

sheet2

，子div将更改。

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

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

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


$('#mydiv').addClass('c2');
$('#mydiv').removeClass('c1');

$（'#mydiv'）.addClass（'c2'）；
$（'#mydiv'）.removeClass（'c1'）；

在您的情况下，我建议您将

id

添加到

标记中，并对其进行更改，而不是更改文件。您可以通过在每个文件的选择器之前添加

.bodyClass1

来操作它

示例

style1.css

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

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

style2.css

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

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

因此，当您使用

style1.css

并希望将其更改为

style2.css

时，您只需使用：

---

---

这可能会很有帮助。我想更改jqgrid的添加表单的样式，而不是网格。请在此处发布您的HTML代码。我正在使用

JQuery

的

jqgrid

，我想更改添加表单的样式/css，当我们按下网格的

+

按钮时，会出现此问题添加表单或编辑表单，看看他们生成的html，我很确定这个问题和你之前问的Oleg回答的问题会解决你的问题。如果他们不写一些代码，告诉我们这就是你想要的，这就是它的工作方式。理论问题不是好问题，巴维克。我很确定，如果你在上一个问题中输入一些关于如何更改css的代码，Oleg可以进一步帮助你。我现在使用JQueryUI作为用户界面，如果我想更改添加表单的样式css文件，那么我该怎么做？@BhavikAmbani:对不起，我不明白你的意思。你必须写一个你需要改变的例子。这不仅仅是添加表单中的CSS。表中有一些特殊的div、sub div和字段结构。因此，如果您需要进行更多更改，如我的答案图片中所示，您必须了解jqGrid表单的CSS（请参阅我答案中的引用）。@BhavikAmbani:“Add”表单没有CSS文件引用。“添加”表单的哪个字段需要更改？是否要更改某些颜色、背景图像、边距等。。。？“添加”表单中您真正想要更改的内容是什么？@BhavikAmbani:您应该获得一些您需要更改的示例。我之前写过，添加表单没有css文件引用。将仅使用标准jQuery UI CSS（来自）和。因此，通过为

.ui jqdialog content.CaptionTD

的

CaptionTD

定义CSS样式，您将更改表单标签的视图，通过

DataTD

或

.ui jqdialog content.DataTD

您可以更改数据字段的视图。您可能不需要定义新的CSS类。@BhavikAmbani:可能您问错了问题。可能您真正需要的是使用

navGrid

的

add:false

选项并添加自定义按钮（看起来像“添加”按钮）。您只需

navbuttonad

即可完成此操作。在

onClickButton

中，您可以实现所需的任何自定义对话框。有关详细信息，请参阅中的引用。我无法更改类名。您可以更改样式表吗？这样，您就可以向父div添加一个类来指定一个特定的工作表，该div的所有子级都可以选择该工作表。请提供一个示例代码，好吗？既然您要求得很好，我将把它放在我的原始帖子中。我想更改整个div标记的while css引用，而不是pertical id。我不能更改类的名称。因为我的不同css文件将具有相同的类名和不同的属性。在这种情况下，@Mateusz Rogulski建议的是最好的选择。请用完整的示例进行解释。这仍然会更改整个页面。但是，将父类添加到正文将更改整个页面（或者，更确切地说，是C1类的所有元素），而不仅仅是一个元素。@BhavikAmbani您没有给出实现的任何部分，因此我无法解决为什么它对您不起作用。如果您也描述了这个问题，那会有所帮助。