如何在编辑表单中更改只读字段的背景颜色

时间:2015-12-14 22:19:52

标签: jquery html css jqgrid free-jqgrid

免费的jqgrid不允许以编辑形式更改只读字段的背景颜色。

有风格

.jqgrid-readonlycolumn {
    background-color: #FFFFDD;
}

在colmodel editoptions中指定:

editable: getReadOnlyEditable,
editoptions: { "readonly" : "readonly" , "class" : "grid-decimal-edit jqgrid-readonlycolumn" }


  function getReadOnlyEditable(options) {
if (options.mode === "cell" || options.mode === "add" || options.mode === "edit") {
    return false;
    }
// form editing
return "readonly";
 }

jqgrid将这些类添加为第一个类:

<td class="DataTD">
<input type="text" readonly="" 
   class="grid-decimal-edit jqgrid-readonlycolumn FormElement
          ui-widget-content ui-corner-all" 
    disabled="disabled" 
    id="Varadokumn" name="Varadokumn" role="textbox"></td>

出现这些类ui-widget-content后,将背景颜色设置为白色。

如何解决此问题,以便可以使用jqgrid-readonlycolumn类背景颜色?

更新

我尝试添加样式

body .DataTD .jqgrid-readonlycolumn {background-color: #FFFFDD !important;}

但背景仍为白色

1 个答案:

答案 0 :(得分:2)

添加background-image: none就足够了。尝试使用

.jqgrid-readonlycolumn {
    background-image: none;
    background-color: #FFFFDD;
}