<%!
Map<String, Object> createValuesMap(Object... objArray) {
Map<String, Object> map = new HashMap<String, Object>();
int size = objArray.length;
for (int i = 0; i < size; i++) {
if ((i + 1) % 2 == 1) {
map.put(objArray[i].toString(), objArray[i + 1]);
}
}
return map;
}
%>
<%
List<Map<String, Object>> sampleValues = new ArrayList<Map<String, Object>>();
sampleValues.add(createValuesMap("label", "label1","value","value1","selected",false,"disabled",false));
sampleValues.add(createValuesMap("label", "label2","value","value2","selected",false,"disabled",true));
sampleValues.add(createValuesMap("label", "label3","value","value3","selected",false,"disabled",false));
sampleValues.add(createValuesMap("label", "label4","value","value4","selected",false,"disabled",true));
sampleValues.add(createValuesMap("label", "label5","value","value5","selected",false,"disabled",false));
sampleValues.add(createValuesMap("label", "label6","value","value6","selected",true,"disabled",true));
sampleValues.add(createValuesMap("label", "label7","value","value7","selected",true,"disabled",false));
sampleValues.add(createValuesMap("label", "label8","value","value8","selected",true,"disabled",true));
sampleValues.add(createValuesMap("label", "label9","value","value9","selected",true,"disabled",false));
sampleValues.add(createValuesMap("label", "label10","value","value10","selected",true,"disabled",false));
%>
<imui:multiDragbox values="<%= sampleValues %>" id="sampleId" selectedName="selectedName" deselectedName="deselectedName"/>
<button id="left_index" class="imui-button">left_index</button>
<button id="right_label" class="imui-button">right_label</button>
<button id="left_value" class="imui-button">left_value</button>
<button id="all_disabled" class="imui-button">all_disabled</button>
<script type="text/javascript">
$(function(){
$('#left_index').click(function(){
$('#sampleId').imuiMultiDragbox('removeData','left','index',[0,2]);
})
$('#right_label').click(function(){
$('#sampleId').imuiMultiDragbox('removeData','right','label',['label6','label10']);
})
$('#left_value').click(function(){
$('#sampleId').imuiMultiDragbox('removeData','left','value',['value5']);
})
$('#all_disabled').click(function(){
$('#sampleId').imuiMultiDragbox('removeData','all','disabled',true);
})
})
</script>
<%!
Map<String, Object> createValuesMap(Object... objArray) {
Map<String, Object> map = new HashMap<String, Object>();
int size = objArray.length;
for (int i = 0; i < size; i++) {
if ((i + 1) % 2 == 1) {
map.put(objArray[i].toString(), objArray[i + 1]);
}
}
return map;
}
%>
<%
List<Map<String, Object>> sampleValues = new ArrayList<Map<String, Object>>();
sampleValues.add(createValuesMap("label", "label1","value","value1","selected",false,"disabled",false));
sampleValues.add(createValuesMap("label", "label2","value","value2","selected",false,"disabled",true));
sampleValues.add(createValuesMap("label", "label3","value","value3","selected",false,"disabled",false));
sampleValues.add(createValuesMap("label", "label4","value","value4","selected",false,"disabled",true));
sampleValues.add(createValuesMap("label", "label5","value","value5","selected",false,"disabled",false));
sampleValues.add(createValuesMap("label", "label6","value","value6","selected",true,"disabled",true));
sampleValues.add(createValuesMap("label", "label7","value","value7","selected",true,"disabled",false));
sampleValues.add(createValuesMap("label", "label8","value","value8","selected",true,"disabled",true));
sampleValues.add(createValuesMap("label", "label9","value","value9","selected",true,"disabled",false));
sampleValues.add(createValuesMap("label", "label10","value","value10","selected",true,"disabled",false));
%>
<imui:multiDragbox values="<%= sampleValues %>" id="sampleId" selectedName="selectedName" deselectedName="deselectedName"/>
<button id="left_index" class="imui-button">left_index</button>
<button id="right_label" class="imui-button">right_label</button>
<button id="left_value" class="imui-button">left_value</button>
<button id="all_disabled" class="imui-button">all_disabled</button>
<script type="text/javascript">
$(function(){
$('#left_index').click(function(){
$('#sampleId').imuiMultiDragbox('removeData','left','index',[0,2]);
})
$('#right_label').click(function(){
$('#sampleId').imuiMultiDragbox('removeData','right','label',['label6','label10']);
})
$('#left_value').click(function(){
$('#sampleId').imuiMultiDragbox('removeData','left','value',['value5']);
})
$('#all_disabled').click(function(){
$('#sampleId').imuiMultiDragbox('removeData','all','disabled',true);
})
})
</script>