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

第一个是userMessageShow.jsp内容展示

<script type="text/javascript">
		
		var grid;
		$(function() {
			grid = $('#grid').datagrid({
				url : web.contextPath + '/coreUser/messageList.do',
				striped : true, //设置为 true，则把行条纹化。（即奇偶行使用不同背景色）
				fitColumns : true,//设置为 true，则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动。
				rownumbers : true,//设置为 true，则显示带有行号的列。
				pagination : false,//设置为 true，则在数据网格（datagrid）底部显示分页工具栏。
				singleSelect : true,//设置为 true，则只允许选中一行。
				idField : 'id',//指示哪个字段是标识字段。
				checkOnSelect : false,//如果设置为 true，当用户点击某一行时，则会选中/取消选中复选框。如果设置为 false 时，只有当用户点击了复选框时，才会选中/取消选中复选框
				selectOnCheck : true,//如果设置为 true，点击复选框将会选中该行。如果设置为 false，选中该行将不会选中复选框。
				columns : [ [ {//需要展示的数据
					width : 30,
					title : '内容',
					field : 'message',//数据对应
					align : 'left'
				} ] ],
				onLoadSuccess : function(data) {//onLoadSuccess	当数据加载成功时触发。
					parent.$.messager.progress('close');//现在关闭消息窗口。
				}
			});
		});
		
		var getSelected = function() {
			var rows = $('#grid').datagrid('getSelections');//返回所有选中的行，当没有选中的记录时，将返回空数组。
			var object = {};
			var msgs = [];
			for ( var i = 0, l = rows.length; i < l; i++) {
				msgs.push(rows[i].message);
			}
			object.msgs = msgs.join(',');
			return object;
		};
		
		var closeWindow = function($dialog) {
			$dialog.dialog('destroy');//如果必要就销毁编辑器。
		};

</script>

这一部分是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);
				})
			})

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