ext html片段,ext.html · 潜行的青衣/jquery-ui-ext - Gitee.com

jQuery UI Example Page

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");

}

});

});

拓展提示框：

alert

confirm

diy

拓展布局：

折叠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

原始数据

按行查看

历史