jQuery MiniUI

标题: 如何设置mini各控件的背景色 [打印本页]

作者: linchrui    时间: 2012-12-6 15:29:35     标题: 如何设置mini各控件的背景色

如mini-textbox,我想在程序中根据不同的条件动态设置其背景色。示例里有datagrid的行根据条件设置设置不同的背景色,不知道其它控件能否一样设置不同的背景色。
作者: niko    时间: 2012-12-6 16:31:56

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

然后在mycls1样式中自己定义背景颜色,并且注意控件的dom结构。
作者: linchrui    时间: 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    时间: 2012-12-6 18:13:32

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

注意控件的DOM结构,做适当的css处理。
作者: linchrui    时间: 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>

请管理员再看看哪里有问题?非常感谢。
作者: factory    时间: 2012-12-7 11:40:12

linchrui 发表于 2012-12-7 08:48
还是没有效果,下面是我的代码:

    test

已修复,下载更新下就可以了
作者: linchrui    时间: 2012-12-7 11:55:53

可以了,谢谢。




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2