日期:2014-05-16  浏览次数:20417 次

ExtJs如何加入自己的css样式?

---------------------------------------
JScript code
var box1 = new Ext.form.Checkbox({
                        boxLabel:'A',
                        cls:'widthClass'
                    });
                    var box2 = new Ext.form.Checkbox({
                        boxLabel:'B',
                        cls:'widthClass'
                    });

---------------------------------------
我不想往input标签加入css样式,想在div里加入自己的样式,请问该怎么做?

------解决方案--------------------
直接加到ext生成的容器通过配置视乎搞不了,不过可以加到容器上

如果一定要加到ext自动生成的容器上,可以通过事件增加
HTML code
<div id="form-ct"></div>
    <script type="text/javascript">
        Ext.onReady(function () {
            var box2 = new Ext.form.Checkbox({
                boxLabel: 'B',
                ctCls: 'widthClass',//设置容易form-ct的样式
                cls: 'widthClass', //设置input的样式
                listeners: { render: function (el) { el.getEl().parent().addClass('widthClass'); /*通过事件设置自动生成的input容器的样式*/} }
            });
            box2.render('form-ct');
        });
</script>