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

Posted 2022-12-06 weixin_39890543

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:"[e-mail]",

password:"123456"

);

获取选中信息

NameEmailPassword

拓展DateBox：

disable/enable

一键复制

编辑

Web IDE

原始数据

按行查看

历史