EasyUI里dataGrid,点击后弹出单选框选择数据并赋值到文本框中

第一个是userMessageShow.jsp内容展示
EasyUI里dataGrid,点击后弹出单选框选择数据并赋值到文本框中_第1张图片


这一部分是js代码

SEARCH.messageSearch  = function(complete) {
	var _complete = complete;
	var url = "/sys_admin/core/userMessageShow.jsp";
	
	var dialog = sy.modalDialog( {
		title : '常用语',
		url : url,
		buttons : [ {
			text : '确定',
			handler : function() {
				var obj = dialog.find('iframe').get(0).contentWindow.getSelected();//点击确定后会去执行dataGrid里获取第一行数据的方法
				complete(obj);//names,ids
				dialog.find('iframe').get(0).contentWindow.closeWindow(dialog);//执行销毁编辑器操作
			}
		},{
			text : '取消',
			handler : function() {
				dialog.find('iframe').get(0).contentWindow.closeWindow(dialog);
			}
		} ]
	});
	return dialog;
}

前端代码


			$(".msgBtn").click(function(){
				SEARCH.messageSearch(function(obj){
					$(".msgBtn").parent().find("textArea").val(obj.msgs);
				})
			})

EasyUI里dataGrid,点击后弹出单选框选择数据并赋值到文本框中_第2张图片
总体流程,先去执行js代码,然后调用messageSearch的方法,在jsp页面获取数据,然后单选选择数据,被选择的哪一行颜色会加重,点击确定调用jsp页面的getSelected拿取到选择的数据,然后存入,并销毁编辑器, $(".msgBtn").parent().find(“textArea”).val(obj.msgs);将拿取到的值复制到文本框里面

你可能感兴趣的:(EasyUI里dataGrid,点击后弹出单选框选择数据并赋值到文本框中)