jquery easyui 仿ext ItemSelector

Easyui表格就自己写吧,实现都比较笨，直接写拓展感觉挺麻烦

<table>
	<tr>
		<td><table id="unFieldConfigGrid">
			</table></td>
		<td><span οnclick="moveAllRight()">全右移</span><br /> <span οnclick="moveRight()">右移</span><br />
		<span οnclick="moveLeft()">左移</span><br />
		<span οnclick="moveAllLeft()">全左移</span></td>
		<td><table id="fieldConfigGrid">
			</table></td>
		<td><span οnclick="moveUp()">上移</span> <br />
		<span οnclick="moveDown()">下移</span></td>
	</tr>
	<tr>
		<td colspan="4" align="right">
			<a id="butonGetCheck" class="btn1 ie6png">确定<span class="ie6png"></span></a>
		</td>
	</tr>
</table>

// 全左移
function moveAllLeft() {
	var rows = $("#fieldConfigGrid").datagrid('getRows');
	if (rows == null || rows.length < 1) {
		return false;
	}
	var rowL = rows.length;
	for (var i = 0; i < rowL; i++) {
		$("#unFieldConfigGrid").datagrid('appendRow', rows[i]);
	}
	for (var i = rowL - 1; i >= 0; i--) {
		$("fieldConfigGrid").datagrid('deleteRow', i);
	}
}
// 全右移
function moveAllRight() {
	var rows = $("#unFieldConfigGrid").datagrid('getRows');
	if (rows == null || rows.length < 1) {
		return false;
	}
	var rowL = rows.length;
	for (var i = 0; i < rowL; i++) {
		$("#fieldConfigGrid").datagrid('appendRow', rows[i]);
	}
	for (var i = rowL - 1; i >= 0; i--) {
		$("unFieldConfigGrid").datagrid('deleteRow', i);
	}
}

// 左移
function moveLeft() {
	var rows = $("#fieldConfigGrid").datagrid('getSelections');
	if (rows == null || rows.length < 1) {
		$.messager.alert('提示', '请先选择已配置字段！');
		return false;
	}
	for (var i = 0; i < rows.length; i++) {
		var index = $("#fieldConfigGrid").datagrid('getRowIndex', rows[i]);
		$("#fieldConfigGrid").datagrid('deleteRow', index);
		$("#unFieldConfigGrid").datagrid('appendRow', rows[i]);
	}
}
// 右移
function moveRight() {
	var rows = $("#unFieldConfigGrid").datagrid('getSelections');
	if (rows == null || rows.length < 1) {
		$.messager.alert('提示', '请先选择未配置字段！');
		return false;
	}
	for (var i = 0; i < rows.length; i++) {
		var index = $("#unFieldConfigGrid").datagrid('getRowIndex', rows[i]);
		$("#unFieldConfigGrid").datagrid('deleteRow', index);
		$("#fieldConfigGrid").datagrid('appendRow', rows[i]);
	}
}

// 上移
function moveUp() {
	var rows = $("#fieldConfigGrid").datagrid('getSelections');
	if (rows == null || rows.length < 1) {
		$.messager.alert('提示', '请先选择要移动的字段！');
		return false;
	}
	for (var i = 0; i < rows.length; i++) {
		var index = $("#fieldConfigGrid").datagrid('getRowIndex', rows[i]);
		mysort(index, 'up', 'fieldConfigGrid');
	}

}
// 下移
function moveDown() {
	var rows = $("#fieldConfigGrid").datagrid('getSelections');
	if (rows == null || rows.length < 1) {
		$.messager.alert('提示', '请先选择要移动的字段！');
		return false;
	}
	for (var i = rows.length - 1; i >= 0; i--) {
		var index = $("#fieldConfigGrid").datagrid('getRowIndex', rows[i]);
		mysort(index, 'down', 'fieldConfigGrid');
	}

}

function mysort(index, type, gridname) {
	if ("up" == type) {
		if (index != 0) {
			var toup = $('#' + gridname).datagrid('getData').rows[index];
			var todown = $('#' + gridname).datagrid('getData').rows[index - 1];
			$('#' + gridname).datagrid('getData').rows[index] = todown;
			$('#' + gridname).datagrid('getData').rows[index - 1] = toup;
			$('#' + gridname).datagrid('refreshRow', index);
			$('#' + gridname).datagrid('refreshRow', index - 1);
			$('#' + gridname).datagrid('selectRow', index - 1);
		}
	} else if ("down" == type) {
		var rows = $('#' + gridname).datagrid('getRows').length;
		if (index != rows - 1) {
			var todown = $('#' + gridname).datagrid('getData').rows[index];
			var toup = $('#' + gridname).datagrid('getData').rows[index + 1];
			$('#' + gridname).datagrid('getData').rows[index + 1] = todown;
			$('#' + gridname).datagrid('getData').rows[index] = toup;
			$('#' + gridname).datagrid('refreshRow', index);
			$('#' + gridname).datagrid('refreshRow', index + 1);
			$('#' + gridname).datagrid('selectRow', index + 1);
		}
	}

}