f7-设置显示字段样例

1.样例说明

f7设置值后框架会利用$.wafPromptBox.format方法格式化f7对象得到显示的值再设置到文本框上,设置显示的值主要三通过修改displayFormat属性来实现。设置显示字段可通过配置方式和代码方式来实现且f7可分为表头f7和分录f7,本例以付款申请单的”币别”f7为例来设置显示字段为”编码”字段

2.配置方式

表格必输配置

3.代码方式

3.1 配置页面打开事件的after:

表格必输配置

3.2 前端主要代码:

    pageOnLoadAfterCL:function(e){
		// 给表头的“币别”字段设置显示字段为 number
		waf("#section_currency").wafPromptBox("option","displayFormat","{number}");
		// 给分录"源单币别"列设置显示字段为 number
		var sourceCurrencyColConfig = waf("#editGrid2").wafGrid("getColumnConfig","sourceCurrency");
		if(sourceCurrencyColConfig.editoptions && sourceCurrencyColConfig.editoptions.f7Json){
			sourceCurrencyColConfig.editoptions.f7Json.displayFormat = "{number}";
		}
	}

相关样例