ext html片段,ext.html · 潜行的青衣/jquery-ui-ext - Gitee.com
Posted weixin_39890543
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ext html片段,ext.html · 潜行的青衣/jquery-ui-ext - Gitee.com相关的知识,希望对你有一定的参考价值。
body{
margin: 50px;
}
$(function() {
$("#alert").click(function() {
$.messager.alert("系统提示:", "您的消息已经过期", function() {
alert("按了确定");
});
});
$("#confirm").click(function() {
$.messager.confirm("请确认:", "确定要删除吗\\ndkdkdkkd", function(isOk) {
alert("按了" + (isOk ? "确定" : "取消"));
});
});
$("#diy").click(function() {
$.messager.show("自定义提示:", "提示内容", ["按钮1","按钮2","按钮3"], function(index) {
if(index > -1) {
alert("按了按钮" + (index + 1));
} else {
alert("按了关闭按钮!");
}
}).icon(ICON_MESSAGER_CONFIRM);
});
$("#headerCollapse").click(function() {
$("[ui=layout]").layout("collapse", "north");
});
$("#checkedButton").click(function() {
var rows = $("[ui=datagrid]").datagrid("getCheckedRows");
alert("选择记录数:" + rows.length + ",第一条记录name:" + (rows.length > 0 ? rows[0].name : ""));
});
$("#disenBtn").click(function() {
if($("#date").datebox("isEnable")) {
$("#date").datebox("disable");
} else {
$("#date").datebox("enable");
}
});
});
拓展提示框:
拓展布局:
折叠Header
header
左侧
右侧
中间
拓展列表:
$("#content").scroll(function(event) {
$("#header").css("left", -this.scrollLeft);
$("#indexContent").css("top", -this.scrollTop);
});
var data = {
rows:[
]
};
for(var i=0; i<15; i++) {
data.rows.push({
name:"John Doe" + i,
email:"john.doe@example.com",
password:"123456"
});
}
获取选中信息
NameEmailPassword
拓展DateBox:
disable/enable
一键复制
编辑
Web IDE
原始数据
按行查看
历史
以上是关于ext html片段,ext.html · 潜行的青衣/jquery-ui-ext - Gitee.com的主要内容,如果未能解决你的问题,请参考以下文章