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

最新推荐文章于 2024-08-27 11:12:09 发布

原创最新推荐文章于 2024-08-27 11:12:09 发布 · 2.1k 阅读

6 ·

CC 4.0 BY-SA版权

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

文章标签：

#HTML表单 #ecology #二次开发 #泛微 #浏览按钮

Ecology8 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种前端开发中实现控件只读状态的方法，包括隐藏浏览器按钮、调整样式以及设置字段值等操作，确保用户体验的同时维持数据的安全性。

/** 
 * 浏览按钮只读。 
 */  
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 || '');
	$('#' + fieldId + 'span').html(text || '');
	$('#' + fieldId + 'span').attr('style', 'color: #123885 !important');
};

只读显示效果

只读显示效果