lhgdialog的弹出框操作

阅读更多

这个弹出框挺好用的，新旧版本的实例化一个新的弹出框不一样，总结如下，在上传的包里有demo。
实例化代码：

function addContent(_i,type){
		lhgdialog({
			id:'contentList',
			title:'添加试题',
			fixed: true,//不随页面滚动而动，静止定位
			width: '700px',
			height: 600,
			lock:true,
			resize:true,//改变大小
			content: 'url:TmEduExamContentAction!toPage.action?types=' + type,
			data:_i
		});
	}

以上代码的content参数中，可以用字符串来拼成html代码。
data:_i中，_i是向弹出层中传入的参数。

以上为在弹出页面中进行取父页面参数及向父页面传值的代码：

var api = frameElement.api;//调用父页面数据
var W = api.opener;//获取父页面对象
//以下代码为弹出层页面添加按钮
api.button({
    id:'valueOk',
    name:'确定',
    callback:ok    
});
api.button({
    id:'cancel',
    name:'关闭'
});

/**确定按扭一回调函数，向父页面传值*/
function ok(){
	var selectIds = $("input[name='contents']:checked");
	var ids = "";
	$.each(selectIds,function(index,obj){
		if(index != 0){
			ids += ",";
		}
		ids += $(obj).val();
	});
	$("#parentId").attr('value',ids);
//此处是向父页面传值
	W.document.getElementById('childValue' + api.data).value = $("#parentId").val();
	W.document.getElementById('num'+api.data).innerHTML = selectIds.length;
}

控制输入框只能输入数字：

function pointKeyUp(_this){
	  //先把非数字的都替换掉，除了数字和.  
        $(_this).attr("value",$(_this).val().replace(/[^\d.]/g,""));  
        //必须保证第一个为数字而不是.  
        $(_this).attr("value",$(_this).val().replace(/^\./g,""));  
        //保证只有出现一个.而没有多个.  
        $(_this).attr("value",$(_this).val().replace(/\.{2,}/g,"."));  
        //保证.只出现一次，而不能出现两次以上  
         	$(_this).attr("value",$(_this).val().replace(".","$#$").replace(/\./g,"").replace("$#$","."));  
        if($(_this).val()!="" ){
          if($(_this).val().indexOf('.')!= -1)
        	  $(_this).attr("value", parseInt($(_this).val().substr(0,$(_this).val().indexOf('.')),10)+$(_this).val().substring($(_this).val().indexOf('.')));
         	else $(_this).attr("value",parseInt($(_this).val(),10));
        }
  	}

• lhgdialog.rar (462.4 KB)
• 下载次数: 102