Ecolog8 HTML表单二次开发：浏览按钮只读与设置值

最新推荐文章于 2024-04-30 09:55:41 发布

原创最新推荐文章于 2024-04-30 09:55:41 发布 · 669 阅读

1 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载 - 九方

文章标签：

#Ecology #二次开发 #Html表单 #浏览按钮 #泛微

Ecology8 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现字段只读状态的方法，并提供了设置浏览按钮显示内容的具体实现。通过对页面元素的样式调整及属性设置，使得字段变为只读状态，同时自定义了浏览按钮的行为。

/**
 * 浏览按钮只读。
 */
var fieldReadOnly_broswer = function(fieldId) {
	$('#' + fieldId + '_browserbtn').hide();
	$('#innerContent' + fieldId + 'div').css('cursor', 'default');
	$('#innerContent' + fieldId + 'div').css('border', '0px');
	$('#innerContent' + fieldId + 'div').css('margin-right', '0px');
	$('#out' + fieldId + 'div').css('border', '0px');
	$('#out' + fieldId + 'div').css('margin-right', '-12px');
	$('#inner' + fieldId + 'div').css('margin-left', '0px');
	$('#out' + fieldId + 'div').css('margin-right', '-12px');
	$('#' + fieldId + '__').attr('readonly', 'readonly');
	$('#' + fieldId + 'span>.e8_showNameClass>.e8_delClass').remove();
};

/**
 * 设置浏览按钮的值。
 * @param fieldId
 * @param value
 * @param text
 */
var setFieldValue_browser = function(fieldId, value, text) {
	$('#' + fieldId).val(value || '');

	// 这样写不会生成Delete按钮
	$('#' + fieldId + 'span').html(('<a href="javascript:void(0);">' + text + '</a>') || '');
	
	// 这样写可生动生成跳转链接，同时会生成Delete按钮
	// $('#' + fieldId + 'span').html(('<a>' + text + '</a>') || '');
};

只读效果