ExtJs怎么加入自己的css样式

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>

ExtJs怎么加入自己的css样式

相关推荐