Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Drag List get Post with PHP

    Hi,
    I ve a question. how can i get the values of the "myList2"?
    Have you an idea?
    Code:
     <HTML><HEAD>
     <SCRIPT>var isomorphicDir="SmartClient/smartclientSDK/isomorphic/";</SCRIPT>
     <SCRIPT SRC=SmartClient/smartclientSDK/isomorphic/system/modules/ISC_Core.js></SCRIPT>
     <SCRIPT SRC=SmartClient/smartclientSDK/isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
     <SCRIPT SRC=SmartClient/smartclientSDK/isomorphic/system/modules/ISC_Containers.js></SCRIPT>
     <SCRIPT SRC=SmartClient/smartclientSDK/isomorphic/system/modules/ISC_Grids.js></SCRIPT>
     <SCRIPT SRC=SmartClient/smartclientSDK/isomorphic/system/modules/ISC_Forms.js></SCRIPT>
     <SCRIPT SRC=SmartClient/smartclientSDK/isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
     <SCRIPT SRC=SmartClient/smartclientSDK/isomorphic/skins/SmartClient/load_skin.js></SCRIPT>
     </HEAD>
     <BODY>
    <?php
    
    ?>
    <form method='post' name='form1' action='' enctype='multipart/form-data'>
    <h1>sf test</h1><br/><br/><br/><br/><br/><br/>
    <div style=''>test
    
    	<SCRIPT>
    	var employees = [
    	    {partName:"Blue", partSrc:"cube_blue.png", partNum:1},
    	    {partName:"Yellow", partSrc:"cube_yellow.png", partNum:2},
    	    {partName:"Green", partSrc:"cube_green.png", partNum:3},
    	    {partName:"Blue", partSrc:"cube_blue.png", partNum:4}
    	]
    	isc.defineClass("PartsListGrid","ListGrid").addProperties({
    	    width:150, cellHeight:24, imageSize:16,
    	    showEdges:true, border:"0px", bodyStyleName:"normal",
    	    alternateRecordStyles:true, showHeader:false, leaveScrollbarGap:false,
    	    emptyMessage:"<br><br>Drag &amp; drop parts here",
    	    fields:[
    	        {name:"partSrc", type:"image", width:24, imgDir:"pieces/16/"},
    	        {name:"partName"},
    	        {name:"partNum", width:20}
    	    ],
    	    trackerImage:{src:"pieces/24/cubes_all.png", width:24, height:24}
    	})
    	
    	
    	isc.HStack.create({membersMargin:10, height:260, members:[
    	    isc.PartsListGrid.create({
    	        ID:"myList1",
    	        data:employees,
    	        canDragRecordsOut: true,
    	        canAcceptDroppedRecords: true,
    	        canReorderRecords: true,
    	        dragDataAction: "move"
    	    }),
    	    isc.VStack.create({width:32, height:74, layoutAlign:"center", membersMargin:10, members:[
    	        isc.Img.create({src:"icons/32/arrow_right.png", width:32, height:32,
    	            click:"myList2.transferSelectedData(myList1)"
    	        }),
    	        isc.Img.create({src:"icons/32/arrow_left.png", width:32, height:32,
    	            click:"myList1.transferSelectedData(myList2)"
    	        })
    	    ]}),
    	    isc.PartsListGrid.create({
    	        ID:"myList2",
    	        canDragRecordsOut: true,
    	        canAcceptDroppedRecords: true,
    	        canReorderRecords: true
    	    })
    	]})
    	</SCRIPT>
    
    </div>
     
     <br/>
     <br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <input type='submit' name='t' value='senden'>
    <br/>
    Results:<br/>
    List1: <?$_POST[myList1] ?><br/>
    List2: <?$_POST[myList2] ?><br/>
    <br/><br/>
    <?
    foreach($_POST as $k => $v):
    	echo "$k - $v <br/>";
    endforeach;
    ?>

    #2
    myList2.data will contain an ordinary JavaScript Array containing JavaScript Objects like those provided to myList1. To obtain, for example, an Array of partNums dragged into myList2, use myList2.data.getProperty("partNum")

    Comment

    Working...
    X