用js写一个關於selectList1 到selectList2的DEMO

html部分代码

function movePositionUp() {
    var currentIndex = document.BDMMoveImage.localposition.selectedIndex;
 if (currentIndex>0) {
    var upIndex = currentIndex - 1;
    var current = document.BDMMoveImage.localposition.options[currentIndex].value;
    var up = document.BDMMoveImage.localposition.options[upIndex].value;
    document.BDMMoveImage.localposition.options[upIndex] = new Option("Image "+ current, current);
    document.BDMMoveImage.localposition.options[currentIndex] = new Option("Image "+up, up);
    document.BDMMoveImage.localposition.options[upIndex].selected=true;
 }
}
function movePositionDown() {
    var currentIndex = document.BDMMoveImage.localposition.selectedIndex;
 if (currentIndex    var downIndex = currentIndex + 1;
    var current = document.BDMMoveImage.localposition.options[currentIndex].value;
    var down = document.BDMMoveImage.localposition.options[downIndex].value;
    document.BDMMoveImage.localposition.options[downIndex] = new Option("Image "+ current, current);
    document.BDMMoveImage.localposition.options[currentIndex] = new Option("Image "+down, down);
    document.BDMMoveImage.localposition.options[downIndex].selected=true;
 }
}
function selectMove() {
 var moveList1 = document.BDMMoveImage.moveposition1;
 var moveList2 = document.BDMMoveImage.moveposition2;
 var current = moveList1.options[moveList1.selectedIndex].value;
 moveList2.options[moveList2.options.length] = new Option("Image "+ current, current);
 moveList1.options[moveList1.selectedIndex] = null;
}

function deselectMove() {
    var moveList1 = document.BDMMoveImage.moveposition1;
 var moveList2 = document.BDMMoveImage.moveposition2;
 var current = moveList2.options[moveList2.selectedIndex].value;
 var i=0;
 while(parseInt(moveList1.options[i].value)    i++;
 }
 for (var j=moveList1.options.length; j>=i; j--) {
    var temp = parseInt(moveList1.options[j-1].value);
    moveList1.options[j] = new Option("Image " + temp, temp);
 }
 moveList1.options[i] = new Option("Image "+ current, current);
 moveList2.options[moveList2.selectedIndex] = null;
}

 

 

moveImageForm.jsp代碼如下：

 

<%@ page import="immd.applies.base.inbox.WFPayload"%>
<%@ page import="immd.applies.bdm.common.BDMConstant"%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/tld/struts-html-el.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/tld/struts-bean-el.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/tld/struts-logic-el.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/tld/iextend-session.tld" prefix="session"%>
<%@ taglib uri="/WEB-INF/tld/applies-cor.tld" prefix="applies-cor"%>
<%@ taglib uri="/WEB-INF/tld/applies-commons.tld"
 prefix="applies-commons"%>

<%immd.applies.base.context.AppliesContext appCtx = immd.applies.base.context.RequestContextHolder
     .getAppliesContext();
   String wfkey = appCtx.getWFKey();
 
%>

  


 
 
 
"/>   
"/> 
"/> 
"/>
"/>   
"/> 
"/>
 
 
  
   
  
  
   
  
  
   
   

  

 

-
   

       bgcolor="#FFFFFF">

    

     
    
    
     
     
    
    
     
     
    
    
     
     
    
    
     
     
    
    
     
     
    
    
     
     
    
    
     
     
    
    
     
    
    
     
    
    
     
     
    
    
     
    
    
     
    
    
     
     
    
     
     
    
    
     
     
    
    
     
     
    
    
     
     
    
    
     
    
    
     
    
    
     
     
    
     
     
    
    
     
     
    
    
     
     
    
    
     
     
    

    

     
    
   

      key="label.folder.information" />

      value="${indexCardFolderImageTO.indexCardFolderTO.folderId}" />

      value="${indexCardFolderImageTO.indexCardFolderTO.categoryDesc}" />

      value="${indexCardFolderImageTO.indexCardFolderTO.subcategoryDesc}" />

      value="${indexCardFolderImageTO.indexCardFolderTO.yearFrom}" />-      value="${indexCardFolderImageTO.indexCardFolderTO.yearTo}" />

      value="${indexCardFolderImageTO.indexCardFolderTO.sur}" />

      value="${indexCardFolderImageTO.indexCardFolderTO.givenName}" />

      value="${indexCardFolderImageTO.indexCardFolderTO.aliasName}" />

      key="label.newOrder" />

     
      
       
       
      
      
       
      
     

name="moveFolderOrder" multiple size="8">                  var="imageList" varStatus="status">                    value="">Image           value="${imageList.imageId}">                           var="imagelist" varStatus="status">                    value="">new Image           value="${imagelist}">	src="../../images/top.gif" border=0         onClick="javascript:movePositionUp();">
	src="../../images/bottom.gif" border=0         onClick="javascript:movePositionDown();">

     

      type="checkbox" id="split" onclick="javascript:setInit();">Split
     Folder

      size="30" maxlength="30">       property="splitSurname" />

      key="label.SplitFolderGivenName" />

      size="30" maxlength="30">       property="splitGivenName" />

      key="label.SplitFolderAliasName" />

      size="30" maxlength="40">

      name="splitProperty" type="checkbox">Temporary Folder

      type="checkbox" id="split2Indr" onclick="javascript:setInit();" disabled>Split
     Folder Again

      name="split2Surname" size="30" maxlength="30">       property="split2Surname" />

      key="label.SplitFolderGivenName" />

      name="split2GivenName"
      size="30" maxlength="30">       property="split2GivenName" />

      key="label.SplitFolderAliasName" />

      name="split2AliasName"
      size="30" maxlength="40">

      name="split2Property" type="checkbox" disabled>Temporary Folder

   

   

 

 

 

 

 

 

 

 

 

應用的是Struts的 Frames中 Action方法如下：

 

 

public IContext previewMoveImage(IContext oContext) throws CommandException{ 
  String selectedFolderId = (String) oContext.get("selectedFolderId");
  String newIndexSurname = (String) oContext.get("newIndexSurname");
  String newIndexGivenName = (String) oContext.get("newIndexGivenName");
  String newIndexAliasName = (String) oContext.get("newIndexAliasName");
  String newMoveIndexSurname = (String) oContext.get("newMoveIndexSurname");
  String newMoveIndexGivenName = (String) oContext.get("newMoveIndexGivenName");
  String newMoveIndexAliasName = (String) oContext.get("newMoveIndexAliasName");
  String[] currentFolderOrder = (String[]) oContext.get("currentFolderOrder");
  String moveFolderId = (String) oContext.get("moveFolderId");
  String[] moveImageList = (String[]) oContext.get("moveImageList");
  String[] moveFolderOrder = (String[]) oContext.get("moveFolderOrder");
  String[] newOrder = (String[])oContext.get("newOrder");
  String moveOption = (String) oContext.get("moveOption");
  String splitIndr = (String) oContext.get("splitIndr");
  String splitPosition = ((String) oContext.get("splitPosition"));
  
  String splitSurname = (String) oContext.get("splitSurname");
  String splitGivenName = (String) oContext.get("splitGivenName");
  String splitAliasName = (String) oContext.get("splitAliasName");
  String splitProperty = (String) oContext.get("splitProperty");  
  if ("on".equals(splitProperty)){
   splitProperty = "1";
  } else {
   splitProperty = "";
  }
   
  String split2Indr = (String) oContext.get("split2Indr");

  String split2Position = ((String) oContext.get("split2Position"));
  
  String split2Surname = (String) oContext.get("split2Surname");
  String split2GivenName = (String) oContext.get("split2GivenName");
  String split2AliasName = (String) oContext.get("split2AliasName");
  String split2Property = (String) oContext.get("split2Property");
  if ("on".equals(split2Property)){
   split2Property = "1";
  } else {
   split2Property = "";
  }
  
  int position1 = 0;
  if(!"".equals(splitPosition)){
   position1 = Integer.parseInt(splitPosition) - 1;
  }
  
  int position2 = 0;
  if(!"".equals(split2Position)){
   position2 = Integer.parseInt(split2Position) - 1;
  }else {
   position2 = newOrder.length;
  }

  IndexCardService indexCardService = null;
  IndexCardFolderImageTO indexCardFolderImageTO = null;
  IndexCardFolderTO indexCardFolderTO = null;  
  IndexCardMaintenanceService  indexCardMaintenanceService = null;
  TransactionDetailTO transactionDetailTO = new TransactionDetailTO();
  
  BigDecimal subCategoryNo=null , movedsubCategoryNo = null;
  Long groupId=null , movedGroupId = null;
  log.debug("previewMoveImage 01");
  try {

   indexCardService = (IndexCardService) getService(IndexCardService.class);
   indexCardMaintenanceService = (IndexCardMaintenanceService) getService(IndexCardMaintenanceService.class);
   indexCardFolderImageTO = indexCardService.getFolderImage(selectedFolderId);
   indexCardFolderTO = indexCardFolderImageTO.getIndexCardFolderTO();
   
   subCategoryNo = indexCardMaintenanceService.getSubCategoryNo(Long.valueOf(selectedFolderId));
   groupId = indexCardMaintenanceService.getGroupId(new Integer(subCategoryNo.intValue()));
   
   movedsubCategoryNo = indexCardMaintenanceService.getSubCategoryNo(Long.valueOf(moveFolderId));
   movedGroupId = indexCardMaintenanceService.getGroupId(new Integer(movedsubCategoryNo.intValue()));

  } catch (Throwable ex) {
   throw new SysCommandException(ex);
  }
  
  // currentFolderOrder
  if ("1".equals(moveOption)) {

   transactionDetailTO.setCreateDate(new Timestamp(System
     .currentTimeMillis()));
   transactionDetailTO.setOriginalFolder(Long
     .valueOf(selectedFolderId));

   List imageDetailList = new ArrayList();

   for (int i = 0; i < currentFolderOrder.length; i++) {
    TransactionImageDetailTO to = new TransactionImageDetailTO();
    to.setFolderId(new Long(selectedFolderId));
    to.setImageId(new Long(currentFolderOrder[i]));
    to.setSurname(newIndexSurname);
    to.setGivenName(newIndexGivenName);
    to.setAliasName(newIndexAliasName);
    imageDetailList.add(to);
   }

   TransactionFolderImageTO folderImageTO = new TransactionFolderImageTO();
   folderImageTO.setFolderId(new Long(selectedFolderId));
   folderImageTO.setCategory(indexCardFolderTO.getCategory());
   folderImageTO.setGroupId(groupId);
   folderImageTO.setSubcategoryNo(subCategoryNo);
   folderImageTO.setSubcategoryDesc(indexCardFolderTO.getSubcategoryDesc());
   folderImageTO.setYearFrom(indexCardFolderTO.getYearFrom());
   folderImageTO.setYearTo(indexCardFolderTO.getYearTo());
   folderImageTO.setSurname(newIndexSurname);
   folderImageTO.setGivenName(newIndexGivenName);
   folderImageTO.setAliasName(newIndexAliasName);
   folderImageTO.setImageDetailList(imageDetailList);

   ArrayList folderImageTOList = new ArrayList();
   folderImageTOList.add(folderImageTO);
   transactionDetailTO.setFolderImageList(folderImageTOList);
   transactionDetailTO.setTransactionType(new Integer(4));

  } else {
   transactionDetailTO.setOriginalFolder(Long
     .valueOf(selectedFolderId));
   
   transactionDetailTO.setOriginalFolder2(Long.valueOf(moveFolderId));
   transactionDetailTO.setTransactionType(new Integer(4));
   
   ArrayList folderImageTOList = new ArrayList();
   
   //remove originalFolder Image
   List originalList = new ArrayList();
   HashMap map = new HashMap();
   
   for (int i = 0; i < newOrder.length; i++) {
    map.put(newOrder[i], newOrder[i]);
   }
   
   for (int i = 0; i < currentFolderOrder.length; i++) {
    if (!map.containsKey(currentFolderOrder[i])){
     TransactionImageDetailTO to = new TransactionImageDetailTO();
     to.setFolderId(new Long(moveFolderId));
     to.setImageId(new Long(currentFolderOrder[i]));
     to.setSurname(newIndexSurname);
     to.setGivenName(newIndexGivenName);
     to.setAliasName(newIndexAliasName);
     originalList.add(to);
    }
   }
   
   if (originalList.size() != 0){
    TransactionFolderImageTO folderImageTO = new TransactionFolderImageTO();
    folderImageTO.setFolderId(new Long(selectedFolderId));
    folderImageTO.setCategory(indexCardFolderTO.getCategory());
    folderImageTO.setGroupId(groupId);
    folderImageTO.setSubcategoryNo(subCategoryNo);
    folderImageTO.setSubcategoryDesc(indexCardFolderTO.getSubcategoryDesc());
    folderImageTO.setYearFrom(indexCardFolderTO.getYearFrom());
    folderImageTO.setYearTo(indexCardFolderTO.getYearTo());
    folderImageTO.setSurname(newIndexSurname);
    folderImageTO.setGivenName(newIndexGivenName);
    folderImageTO.setAliasName(newIndexAliasName);
    folderImageTO.setImageDetailList(originalList);
    
    folderImageTOList.add(folderImageTO);
   }
   
   //moved
   List imageDetailList = new ArrayList();
   int endOfList = newOrder.length;
   if (position1 != 0){
    endOfList = position1;
   }

   for (int i = 0; i < endOfList; i++) {
    TransactionImageDetailTO to = new TransactionImageDetailTO();
    to.setFolderId(new Long(moveFolderId));
    to.setImageId(new Long(newOrder[i]));
    to.setSurname(newMoveIndexSurname);
    to.setGivenName(newMoveIndexGivenName);
    to.setAliasName(newMoveIndexAliasName);
    imageDetailList.add(to);
   }
   
   TransactionFolderImageTO movedfolderImageTO = new TransactionFolderImageTO();
   movedfolderImageTO.setFolderId(new Long(moveFolderId));
   movedfolderImageTO.setCategory(indexCardFolderTO.getCategory());
   movedfolderImageTO.setGroupId(movedGroupId);
   movedfolderImageTO.setSubcategoryNo(movedsubCategoryNo);
   movedfolderImageTO.setSubcategoryDesc(indexCardFolderTO.getSubcategoryDesc());
   movedfolderImageTO.setYearFrom(indexCardFolderTO.getYearFrom());
   movedfolderImageTO.setYearTo(indexCardFolderTO.getYearTo());
   movedfolderImageTO.setSurname(newMoveIndexSurname);
   movedfolderImageTO.setGivenName(newMoveIndexGivenName);
   movedfolderImageTO.setAliasName(newMoveIndexAliasName);
   movedfolderImageTO.setImageDetailList(imageDetailList);
   
   folderImageTOList.add(movedfolderImageTO);
   
//    splited
   if (!"".equals(splitIndr)) {
    List split1imageDetailList = new ArrayList();
    
    for (int i = position1; i < position2; i++) {
     TransactionImageDetailTO to = new TransactionImageDetailTO();
     to.setFolderId(new Long(-1));
     to.setImageId(new Long(newOrder[i]));
     to.setSurname(splitSurname);
     to.setGivenName(splitGivenName);
     to.setAliasName(splitAliasName);
     to.setProperties(splitProperty);
     split1imageDetailList.add(to);
    }
    
    TransactionFolderImageTO split1folderImageTO = new TransactionFolderImageTO();
    split1folderImageTO.setFolderId(new Long(-1));
    split1folderImageTO.setCategory(indexCardFolderTO.getCategory());
    split1folderImageTO.setGroupId(movedGroupId);
    split1folderImageTO.setSubcategoryNo(movedsubCategoryNo);
    split1folderImageTO.setSubcategoryDesc(indexCardFolderTO.getSubcategoryDesc());
    split1folderImageTO.setYearFrom(indexCardFolderTO.getYearFrom());
    split1folderImageTO.setYearTo(indexCardFolderTO.getYearTo());
    split1folderImageTO.setSurname(splitSurname);
    split1folderImageTO.setGivenName(splitGivenName);
    split1folderImageTO.setAliasName(splitAliasName);
    split1folderImageTO.setTemporaryInd(splitProperty);
    split1folderImageTO.setImageDetailList(split1imageDetailList);
    
    
    folderImageTOList.add(split1folderImageTO);
   }

   if (!"".equals(split2Indr)){
    List split2imageDetailList = new ArrayList();
    for(int i = position2; i < newOrder.length; i++){
      TransactionImageDetailTO to = new TransactionImageDetailTO();
      to.setFolderId(new Long(-2));
      to.setImageId(new Long(newOrder[i]));
      to.setSurname(split2Surname);
      to.setGivenName(split2GivenName);
      to.setAliasName(split2AliasName);
      to.setProperties(split2Property);
      split2imageDetailList.add(to);
    }
    
    TransactionFolderImageTO split2folderImageTO = new TransactionFolderImageTO();
    split2folderImageTO.setFolderId(new Long(-2));
    split2folderImageTO.setCategory(indexCardFolderTO.getCategory());
    split2folderImageTO.setSubcategoryNo(movedsubCategoryNo);
    split2folderImageTO.setGroupId(movedGroupId);
    split2folderImageTO.setSubcategoryDesc(indexCardFolderTO.getSubcategoryDesc());
    split2folderImageTO.setYearFrom(indexCardFolderTO.getYearFrom());
    split2folderImageTO.setYearTo(indexCardFolderTO.getYearTo());
    split2folderImageTO.setSurname(split2Surname);
    split2folderImageTO.setGivenName(split2GivenName);
    split2folderImageTO.setAliasName(split2AliasName);
    split2folderImageTO.setTemporaryInd(split2Property);
    split2folderImageTO.setImageDetailList(split2imageDetailList);
    
    folderImageTOList.add(split2folderImageTO);
   }

   transactionDetailTO.setFolderImageList(folderImageTOList);
  }
  oContext.put("transactionDetailTO", transactionDetailTO);
  log.debug("previewMoveImage 02");
  return oContext;
 }

   immd project

文件:	demo.rar
大小:	2KB
下载:	下载