extjs

我想改变默认extjs字体的大小，应该怎么做？

AJAX读到新数据的时候播放一个小的声音提示怎么实现？

想在panel的title后面加上本机的时间，动态的那种，怎么做呢？

1、设置一个新的css样式
2、返回成功后写一个function，播放具体的一个提示音
3、参考官方example


1
To change the font.
.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
    font-size: 16px;
}
没反应

在IE下和谷歌浏览器下，Extjs字体正常，但是用firefox运行的时候，字体特别小，通过修改ext-all.css文件文件可以修正次问题,网上提供的代码如下（http://www.javaeye.com/topic/517783）：

x-window-footer {
position: relative;
top: 0;
right: 0;
}
.x-tab-strip SPAN.x-tab-strip-text {
font-size: 12px;
}
.x-panel-header {
font-size: 12px;
}
.x-tree-node {
font-size: 12px;
}
.x-grid3-hd-row TD {
font-size: 12px;
}
.x-grid3-row TD {
font-size: 12px;
LINE-HEIGHT: 16px;
}
.x-tip .x-tip-bd {
font-size: 12px;
}
.x-tip h3{
font-size: 12px;
}
.x-tip .x-tip-bd-inner{
font-size:12px;
}
.x-panel-tl .x-panel-header {
FONT: normal 12px tahoma,arial,verdana,sans-serif;
}
.x-form-field {
FONT: 12px tahoma,arial,helvetica,sans-serif
}
.x-small-editor .x-form-field {
FONT: 12px tahoma,arial,helvetica,sans-serif
}
.x-combo-list-item {
FONT: 12px tahoma,arial,helvetica,sans-serif;
}
.x-menu-list-item {
FONT: 12px tahoma,arial,sans-serif;
}
.x-window-tl .x-window-header {
FONT: bold 12px tahoma,arial,verdana,sans-serif;
}
.x-layout-split-west .x-layout-mini {
BACKGROUND-IMAGE: url(../images/mini-left.jpg);
}
.ext-ie .x-form-text {
margin-top:1px;
}
.x-form-item {
FONT: 12px tahoma,arial,helvetica,sans-serif
}
.x-grid-group-hd DIV {
FONT: bold 12px tahoma,arial,helvetica,sans-serif;
}

来源：(http://blog.sina.com.cn/s/blog_6543cca50100jat5.html) - Extjs 在FF中字体变小的解决办法_寒冰_新浪博客
..x-btn-text-icon .x-btn-center .x-btn-text {ext-all.css (line 227)
background-position:0pt 2px;
background-repeat:no-repeat;
padding:3px 0pt 2px 18px;
}
.ext-gecko .x-btn button {ext-all.css (line 222)
padding-left:0pt;
padding-right:0pt;
}
.x-btn button{
font-size:12px;
}


实际运行中，Ext.PagingToolbar中字体，Ext.LoadMask字体， Ext.ToolTip字体没有变化，通过FF可以查看对应的CLASS，增加以下代码，可以完美解决

.x-toolbar div.xtb-text{
padding:2px 2px 0;
line-height:16px;
font-size:12px;
display:block;
}
.x-tip .x-tip-header-text {
font: bold 12px tahoma,arial,helvetica,sans-serif;
color:#444;
}

.x-tip .x-tip-body {
font: normal 12px tahoma,arial,helvetica,sans-serif;
color:#444;
}
.ext-el-mask-msg div {
background-color: #eee;
border-color:#a3bad9;
color:#222;
font:normal 12px tahoma, arial, helvetica, sans-serif;
}