html值为don'的Extjs5显示字段;不能工作自动高度
Extjs5 displayfield with html-value don't work auto height
更新extjs4->extjs5-displayfield
后,不要将高度调整为html内容。仅针对文本内容调整大小。如何修复?
ps:我无法获得diplayfieldhtml内容的正确高度。
pps:htmleditor
创建的html内容。
我在将extjs4应用程序移植到extjs5时遇到了类似的问题。
我使用这个黑客作为临时修复:
我在displayfield
中添加了一个renderer
,并创建了类似于extjs4中生成的原始元素的html。然后,我将update
应用于displayfield
afterrender
,以显示该html而不是原始输出。
{
xtype: 'displayfield',
fieldLabel: 'Testing',
value: 'Hello <br/> Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>Hello <br/>',
renderer: function(value, x) {
//hack for displayfield issue in ExtJS 5
var rtn = value.replace(/('r'n|'n|'r)/gm, "</br>");
var html = [
'<tbody>',
'<tr class="x-form-item-input-row">',
'<td style="" valign="top" halign="left" width="' + x.labelWidth + '" class="x-field-label-cell">',
'<label class="x-form-item-label x-unselectable x-form-item-label-left" style="width:' + x.labelWidth + 'px;margin-right:5px;" unselectable="on">' + x.getFieldLabel() +':</label>',
'</td>',
'<td class="x-form-item-body x-form-display-field-body " colspan="2">',
'<div class="x-form-display-field" aria-invalid="false" data-errorqtip="">',
rtn,
'</div>',
'</td>',
'</tr>',
'</tbody>'
];
x.on('afterrender',function(){
x.update(html.join(''));
});
return '';
},
}
相关文章:
- 在输入字段上使用它-can'我不能从函数中取出变量,这样我就可以使用它了
- 如果我选择不填写字段值或选项集值,则出错
- “最大化”按钮不调整字段集大小
- 变量不从字段收集数据
- Mongodb:不能使用字符串字段名称附加到数组
- 按字段 ID 而不是字段名称复制表单元素
- 为什么Javascript对象不更新字段
- AngularJS$valid不在字段上工作
- Mongodb返回不带字段名的值
- jquery屏蔽了输入插件,错误时不清除字段
- JavaScript提交表单,不包括字段
- 使用动态添加的表单(而不是字段!)进行BootstrapValidator验证
- 正在创建不带字段名的javascript对象
- 我如何用Javascript捕获字段名(不是字段值)
- 使流星渲染保持不变字段
- 如何定义HTML表单元素的默认值而不填充字段
- JavaScript更新的是页面而不是字段
- 在jquery中平衡两个输入数字字段,但不显示字段中的值
- JQuery表单提交不验证字段
- 如何在dijit/layout/TabContainer中轻松禁用不可见字段