ExtJS字段集在postcha命令构建后无法正常工作

时间:2014-08-05 12:04:23

标签: extjs cmd extjs4 fieldset

我正在使用一个可折叠的字段集,它似乎在我的Dev环境中正常工作,如下所示:

Without Sencha Build

生成的代码:

<legend id="fieldset-1041-legend" class="x-fieldset-header x-fieldset-header-default"><span role="presentation" style="display:table;" id="fieldset-1041-legend-outerCt"><div role="presentation" class="" style="display:table-cell;height:100%;vertical-align:top;" id="fieldset-1041-legend-innerCt"><div id="fieldset-1041-legendToggle" style="width:15px;height:15px;" class="x-tool x-tool-default"><img role="presentation" class="x-tool-img x-tool-toggle" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" id="fieldset-1041-legendToggle-toolEl"></div><div id="fieldset-1041-legendTitle" class="x-component x-fieldset-header-text x-fieldset-header-text-collapsible x-component-default">My Fieldset</div></div></span></legend>

但是当我使用Sencha命令(v4.2.2)执行构建时,我没有获得所需的图标和可折叠的行为,如下所示:

  

请注意,文字我的即将被截断,并受到   崩溃图标

enter image description here

生成的代码:

<legend id="fieldset-1142-legend" class="x-fieldset-header x-fieldset-header-default"><span role="presentation" style="display:table;" id="fieldset-1142-legend-outerCt"><div role="presentation" class="" style="display:table-cell;height:100%;vertical-align:top;" id="fieldset-1142-legend-innerCt"><div id="fieldset-1142-legendToggle" style="border-width:1px;width:15px;height:15px;" class="x-column-header x-column-header-align-center x-column-header-default x-unselectable"><div class="x-column-header-inner x-column-header-inner-empty" role="presentation" id="fieldset-1142-legendToggle-titleEl" style="padding-top: 1px; padding-bottom: 1px;"><span class="x-column-header-text" id="fieldset-1142-legendToggle-textEl">&nbsp;</span><div class="x-column-header-trigger" role="presentation" id="fieldset-1142-legendToggle-triggerEl" style=""></div></div></div><div id="fieldset-1142-legendTitle" class="x-component x-fieldset-header-text x-fieldset-header-text-collapsible x-component-default">My Fieldset</div></div></span></legend>

我可以注意到生成的代码中的差异,例如工作的人使用像 -

这样的类
x-tool-img x-tool-toggle

而在后一种情况下,我看到类似 -

x-column-header x-column-header-align-center x-column-header-default x-unselectable

请帮助。我请你提供我可以尝试的任何提示。

谢谢:)

0 个答案:

没有答案