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

Posted weixin_39890543

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

原始数据

按行查看

历史

以上是关于ext html片段,ext.html · 潜行的青衣/jquery-ui-ext - Gitee.com的主要内容,如果未能解决你的问题,请参考以下文章

Ext js-02 -官方API文档使用

无法将 Cuda 内存导入 Vulkan

HTML小游戏9 —— 潜行游戏《侠盗罗宾汉》(附完整源码)

Ext.XTemplate

替换从 VAST 代码返回的多个 HLS VOD 片段

PyCharm - IdeaVim - “潜行”插件:如何重新映射's'?