查看: 11686|回复: 6

如何设置mini各控件的背景色 [复制链接]

linchrui

中级会员

Rank: 3 Rank: 3

电梯直达

楼主

发表于 2012-12-6 15:29:35 |只看该作者 |倒序浏览

如mini-textbox，我想在程序中根据不同的条件动态设置其背景色。示例里有datagrid的行根据条件设置设置不同的背景色，不知道其它控件能否一样设置不同的背景色。

收藏0

niko

管理员

Rank: 9 Rank: 9 Rank: 9

沙发

发表于 2012-12-6 16:31:56 |只看该作者

给控件增加样式，比如：
tb.setCls("mycls1");

然后在mycls1样式中自己定义背景颜色，并且注意控件的dom结构。

linchrui

中级会员

Rank: 3 Rank: 3

板凳

发表于 2012-12-6 17:17:53 |只看该作者

能否举个例子。我设置的如下：1、 .mybox{background:#ffff88;} 2、<input name="wjm" class="mini-textbox" id="Text11" /> 3、var tb = mini.get("Text11"); tb.setCls("mybox"); ，没有效果。

niko

管理员

Rank: 9 Rank: 9 Rank: 9

地板

发表于 2012-12-6 18:13:32 |只看该作者

.mybox, .mybox .mini-textbox-input{
background:#ffff88;
}

注意控件的DOM结构，做适当的css处理。

linchrui

中级会员

Rank: 3 Rank: 3

5^#

发表于 2012-12-7 08:48:04 |只看该作者

还是没有效果，下面是我的代码：
<head>
<title>test</title>

<link href="../scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />
<script src="../scripts/boot.js" type="text/javascript"></script>

<style type="text/css">
.mybox, .mybox .mini-textbox-input
{
background:#ffff88;
}
</style>
</head>
<body>
<input name="wjm" class="mini-textbox" id="Text11" />

</body>
<script type="text/javascript">
mini.parse();
var tb = mini.get("Text11");
tb.setCls("mybox");
mini.alert(tb.getCls());
</script>

请管理员再看看哪里有问题？非常感谢。