UI、JS框架----Bootstrap、Metro

Bootstrap Datagrid

 

EasyUI

 

Metro bootstrap

 

Datepicker

 

Editable for Bootstrap:bootstrap-editable.js

 

X-editable:bootstrap-editable.js 升级版

 

jQuery File Upload Demo:图片、声音、视频上传

jQuery-File-Upload:document

 

JavaScript-Load-Image:图片预览

JavaScript Load Image:document

 

 

JavaScript-Canvas-to-Blob:test  :图片与二进制互转

JavaScript Canvas to Blob:Document

JavaScript-Canvas-to-Blob:源码

 

 

 

bootstrap-table:github

bootstrap-table-examples:example

example主页

 

 

bootstrap-multiselect:github

Bootstrap Multiselect:doc & exmaple

 

 

 

bootstrap

 

dialog示例:onshow event

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$.Dialog({
           overlay: true,
           shadow: true,
           flat: false,
           icon: '',
           width: 330,
           content: '<div class="" style="text-align:left;padding:10px;font-size:16px;">保存成功!</div>'
                   + '<div class="size4 text-right">'
                       + '<button class="warning" id="comfirm"><i class="icon-checkmark on-left"></i>关闭</button> '
                   + '</div>',
           overlayClickClose: false,
           onShow: function (_dialog) {
               $("#comfirm", $(_dialog)).click(function () {
                   //保存成功返回列表页
                   $("#back").click();
 
               })
           }
       }); 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function showAlert(message, dialogHeight, dialogWidth)
{
    $.Dialog({
        height: dialogHeight ? dialogHeight : 'auto',
        width:dialogWidth?dialogWidth:'auto',
        overlay: true,
        shadow: true,
        flat: false,
        icon: '',
        content: '<div class="" style="text-align:left;padding:20px;font-size:16px;">' + message + '</div>'
                    + '<div class="text-right" style="padding-right:20px;">'
                        + '<button class="warning" onclick="$.Dialog.close();"><i class="icon-cancel on-left"></i>关闭</button>'
                    + '</div>',
        overlayClickClose: false
    });
}

  

 

 

Bootstrap Dialog 

 

 

bootstrap

 

select2

详细doc

posted @   PanPan003  阅读(354)  评论(0编辑  收藏  举报
编辑推荐:
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· 面试官:你是如何进行SQL调优的?
点击右上角即可分享
微信分享提示