<%!
<T> Map.Entry<String, T> makeEntry(final String key, final T value) {
return new AbstractMap.SimpleEntry(key, value);
}
<T> Map<String, T> makeMap(final Map<String, T> map, final Map.Entry<String, ? extends T>... entries) {
for (final Map.Entry<String, ? extends T> entry : entries) {
map.put(entry.getKey(), entry.getValue());
}
return map;
}
%>
<%
List<Object> sampleData = new ArrayList<Object>();
List<Object> children1 = new ArrayList<Object>();
List<Object> children2 = new ArrayList<Object>();
children1.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label4"),
makeEntry("icon", "ui/images/icons/fugue-icons-3.3.4/icons/folder-open.png"),
makeEntry("children", children2)
));
children1.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label5")
));
children2.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label6"),
makeEntry("icon", "ui/images/icons/fugue-icons-3.3.4/icons/folder-open.png")
));
children2.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label7"),
makeEntry("disabled", true )
));
sampleData.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label1"),
makeEntry("icon", "ui/images/icons/fugue-icons-3.3.4/icons/folder-open.png")
));
sampleData.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label2"),
makeEntry("icon", "ui/images/icons/fugue-icons-3.3.4/icons/folder-open.png"),
makeEntry("children", children1)
));
sampleData.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label3"),
makeEntry("disabled",true)
));
%>
<div class="mt-20">
<imui:button class="imui-button" id="next" value="next" />
<imui:button class="imui-button" id="previous" value="previous" />
</div>
<div class="mt-20">
<imui:button class="imui-button" id="nextPage" value="nextPage" />
<imui:button class="imui-button" id="previousPage" value="previousPage" />
</div>
<div class="mt-20">
<imui:button class="imui-button" id="expand" value="expand" />
<imui:button class="imui-button" id="collapse" value="collapse" />
<imui:button class="imui-button" id="collapseAll" value="collapseAll" />
</div>
<div class="mt-20">
<imui:button class="imui-button" id="isFirstItem" value="isFirstItem" />
<imui:button class="imui-button" id="isLastItem" value="isLastItem" />
</div>
<div class="mt-20">
<imui:dropdown id="sampleId" data="<%= sampleData %>" />
</div>
<script type="text/javascript">
$(function($){
$('#next').click(function(){
$('#sampleId').imuiDropdown('next');
})
$('#previous').click(function(){
$('#sampleId').imuiDropdown('previous');
})
$('#nextPage').click(function(){
$('#sampleId').imuiDropdown('nextPage');
})
$('#previousPage').click(function(){
$('#sampleId').imuiDropdown('previousPage');
})
$('#expand').click(function(){
$('#sampleId').imuiDropdown('expand');
})
$('#collapse').click(function(){
$('#sampleId').imuiDropdown('collapse');
})
$('#collapseAll').click(function(){
$('#sampleId').imuiDropdown('collapseAll');
})
$('#isFirstItem').click(function(){
if ($('#sampleId').imuiDropdown('isFirstItem')) {
alert("FirstItem");
}
})
$('#isLastItem').click(function(){
if ($('#sampleId').imuiDropdown('isLastItem')) {
alert("LastItem");
}
})
})
</script>
<%!
<T> Map.Entry<String, T> makeEntry(final String key, final T value) {
return new AbstractMap.SimpleEntry(key, value);
}
<T> Map<String, T> makeMap(final Map<String, T> map, final Map.Entry<String, ? extends T>... entries) {
for (final Map.Entry<String, ? extends T> entry : entries) {
map.put(entry.getKey(), entry.getValue());
}
return map;
}
%>
<%
List<Object> sampleData = new ArrayList<Object>();
List<Object> children1 = new ArrayList<Object>();
List<Object> children2 = new ArrayList<Object>();
children1.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label4"),
makeEntry("icon", "ui/images/icons/fugue-icons-3.3.4/icons/folder-open.png"),
makeEntry("children", children2)
));
children1.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label5")
));
children2.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label6"),
makeEntry("icon", "ui/images/icons/fugue-icons-3.3.4/icons/folder-open.png")
));
children2.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label7"),
makeEntry("disabled", true )
));
sampleData.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label1"),
makeEntry("icon", "ui/images/icons/fugue-icons-3.3.4/icons/folder-open.png")
));
sampleData.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label2"),
makeEntry("icon", "ui/images/icons/fugue-icons-3.3.4/icons/folder-open.png"),
makeEntry("children", children1)
));
sampleData.add(makeMap(new HashMap<String, Object>(),
makeEntry("href", "http://www.yahoo.co.jp/"),
makeEntry("label", "label3"),
makeEntry("disabled",true)
));
%>
<div class="mt-20">
<imui:button class="imui-button" id="next" value="next" />
<imui:button class="imui-button" id="previous" value="previous" />
</div>
<div class="mt-20">
<imui:button class="imui-button" id="nextPage" value="nextPage" />
<imui:button class="imui-button" id="previousPage" value="previousPage" />
</div>
<div class="mt-20">
<imui:button class="imui-button" id="expand" value="expand" />
<imui:button class="imui-button" id="collapse" value="collapse" />
<imui:button class="imui-button" id="collapseAll" value="collapseAll" />
</div>
<div class="mt-20">
<imui:button class="imui-button" id="isFirstItem" value="isFirstItem" />
<imui:button class="imui-button" id="isLastItem" value="isLastItem" />
</div>
<div class="mt-20">
<imui:dropdown id="sampleId" data="<%= sampleData %>" />
</div>
<script type="text/javascript">
$(function($){
$('#next').click(function(){
$('#sampleId').imuiDropdown('next');
})
$('#previous').click(function(){
$('#sampleId').imuiDropdown('previous');
})
$('#nextPage').click(function(){
$('#sampleId').imuiDropdown('nextPage');
})
$('#previousPage').click(function(){
$('#sampleId').imuiDropdown('previousPage');
})
$('#expand').click(function(){
$('#sampleId').imuiDropdown('expand');
})
$('#collapse').click(function(){
$('#sampleId').imuiDropdown('collapse');
})
$('#collapseAll').click(function(){
$('#sampleId').imuiDropdown('collapseAll');
})
$('#isFirstItem').click(function(){
if ($('#sampleId').imuiDropdown('isFirstItem')) {
alert("FirstItem");
}
})
$('#isLastItem').click(function(){
if ($('#sampleId').imuiDropdown('isLastItem')) {
alert("LastItem");
}
})
})
</script>