extjs 必须项目前面红色星号

最新推荐文章于 2021-07-15 14:52:27 发布

mous3

最新推荐文章于 2021-07-15 14:52:27 发布

阅读量761

点赞数

分类专栏： ExtJs

本文链接：https://blog.csdn.net/mous3/article/details/50380662

版权

ExtJs 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这段代码展示了如何在ExtJS的FormLayout中为必填字段添加红色星号标记。通过覆盖`Ext.layout.FormLayout`的`getTemplateArgs`方法，检查字段是否不允许空白，如果不允许，则在标签前插入星号，从而实现视觉上的必填项提示。同时，`labelMark`属性提供了一种自定义标签前缀的方式。

摘要由CSDN通过智能技术生成

/**
* 必须项目添加星号
*/
Ext.override(Ext.layout.FormLayout, {
getTemplateArgs : function(field) {
  var noLabelSep = !field.fieldLabel || field.hideLabel;
  var label = field.fieldLabel;
  var labelMark = field.labelMark;
  if (typeof labelMark != 'undefined') {
   label = labelMark + label;
  } else if (field.fieldLabel && !field.allowBlank) {
   label = '<span style="color: #CC3300; padding-right: 2px;">*</span>' + label;
  }
  return {
   id : field.id,
   label : label,
   labelStyle : field.labelStyle || this.labelStyle || '',
   elementStyle : this.elementStyle || '',
   labelSeparator : noLabelSep ? '' : field.labelSeparator || this.labelSeparator || '',
   itemCls : (field.itemCls || this.container.itemCls || '') + (field.hideLabel ? ' x-hide-label' : ''),
   clearCls : field.clearCls || 'x-form-clear-left'
  };
}
});