easyui渲染隐藏域<input type=“hidden“ />为textbox可作为分割条使用

最近在修改前端代码的时候,偶然发现使用javascript代码渲染的方式将渲染为textbox时,会显示一个神奇的效果,这个textbox输入框并不会隐藏,而是显示未一个细条,博主发现非常适合用来当分割条使用。



	
		
		
		
		
		应用列表
		
		
		
		
		
		
	
	
	
		
			
		

不小心把id渲染成了textbox,涉及的js代码如下:

$(document).ready(function() {
    $("#id").textbox({
		width: 200,
		required: true
	});

});

于是页面变成了这样,我还寻思这条红色的线哪来的。

easyui渲染隐藏域<input type=“hidden“ />为textbox可作为分割条使用_第1张图片

于是,他就成了我项目中的统一分隔条了~

效果如下

easyui渲染隐藏域<input type=“hidden“ />为textbox可作为分割条使用_第2张图片

代码

$(document).ready(function() {

	$("#qiling_detail .splitter").textbox({
		width: 205
	});

});

你可能感兴趣的:(easyui,前端,javascript)