相關屬性
1 data-role="modalview"
2 data-open="aaaaaa" 打開時候調用的函數
3 data-close="aaaaa" 關閉的時候執行的參數
4 data-modal="false" 點擊空白處關閉
5 data-style="inset" 顯示風格,通用
6 data-width="300px" 寬度
7 data-height="300px"高度
jq的關閉方式
1 $("#myvidew").data("kendoMobileModalView").close(); 關閉
2 $("#myvidew").data("kendoMobileModalView").open(); 打開
-----------------------------------------------------------------案例-------------------------------------
<div data-role="modalview" style="text-align:center" data-style="inset" data-open="modalViewOpen" data-close="closemodalviewing" data-height="120px" data-width="300px" id="myvidew" data-modal="false">
<div style=" margin:6px;"><a style="float:right; " data-click="closemodalview" data-role="button" data-icon="history"></a> <span style="float: right; font-size: 22px; margin-right: 60px; ">信息提示</span> </div>
<div style="clear:both;"></div>
<div style="width: 100%; height: 1px; border: solid 1px #4c5356; margin-bottom:20px; "></div>
<a data-role="button" data-style="inset" data-click="nextpage">答下一題</a> <a data-role="button" data-style="inset" data-click="closean">顯示成績</a>
</div>
<script>
var Application = new kendo.mobile.Application(document.body, {
skin: 'flat-skin',
init: initialize()
});
function initialize() {
var buttomgroup = $("#listButtons2").kendoMobileButtonGroup({
index: 0,
enable: false,
selectOn: "up"
});
}
function getdashlets(e)
{
var data = e.button.data();
if (data.id == 'rights')
{
$("#myvidew").data("kendoMobileModalView").open();
alert(data.c1);
}
else if (data.id == 'wrongs')
{
alert(data.c1);
}
}
function closemodalview()
{
$("#myvidew").data("kendoMobileModalView").close();
}
function closemodalviewing()
{
alert("關閉中");
}
function nextpage()
{
window.location.href = "/home/index";
}
function closean()
{
window.location.href = "/home/set3";
}
</script>