metroui
<!DOCTYPE html>
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<link href="/static/css/metro.css" rel="stylesheet">
<link href="/static/css/metro-icons.css" rel="stylesheet">
<link href="/static/css/metro-responsive.css" rel="stylesheet">
<link href="/static/css/datatables/autoFill.dataTables.min.css" rel="stylesheet">
<link href="/static/css/datatables/buttons.dataTables.min.css" rel="stylesheet">
<link href="/static/css/datatables/select.dataTables.min.css" rel="stylesheet">
<script src="/static/css/site.css"></script> <script src="/static/js/jquery.min.js"></script>
<script src="/static/js/metro.js"></script>
<script src="/static/js/datatables/jquery.dataTables.min.js"></script>
<script src="/static/js/datatables/dataTables.buttons.min.js"></script>
<script src="/static/js/datatables/buttons.flash.min.js"></script>
<script src="/static/js/datatables/jszip.min.js"></script>
<script src="/static/js/datatables/pdfmake.min.js"></script>
<script src="/static/js/datatables/vfs_fonts.js"></script>
<script src="/static/js/datatables/buttons.html5.min.js"></script>
<script src="/static/js/datatables/buttons.print.min.js"></script>
<script src="/static/js/datatables/dataTables.select.min.js"></script>
<script src="/static/js/knockout.js"></script>
<script src="/static/js/jquery.tmpl.min.js"></script>
<script src="/static/js/select2.min.js"></script>
<script src="/static/js/site.js"></script>
<script src="/static/js/usp.js"></script>
</head> <body> <h2>corpAdd <button id="btnBack" data-bind="click: usp.admin.corp.add.goBack" class="button place-right primary"><span class="mif-keyboard-return "></span></button></h2>
<hr class="thin bg-grayLighter">
<form data-role="validator" data-hint-mode="hint" data-on-submit="return usp.admin.corp.add.save()">
<div class="grid">
<div class="row cells2">
<div class="cell">
<label>公司名称</label>
<div class="input-control text full-size">
<input type="text" data-bind="value:Name" data-validate-func="required" data-validate-hint-position="top" data-validate-hint="不能为空!" />
<span class="input-state-error mif-warning"></span>
<span class="input-state-success mif-checkmark"></span>
</div>
</div>
<div class="cell">
<label>Parent</label>
<div class="input-control text full-size">
<input type="text" data-bind="value:Type" data-validate-func="required" data-validate-hint-position="top" data-validate-hint="不能为空!" />
<span class="input-state-error mif-warning"></span>
<span class="input-state-success mif-checkmark"></span>
</div>
</div>
</div> </div>
<button data-bind='click:usp.admin.corp.add.save' class="button place-right primary">保存</button>
</form>
<script src="/static/js/usp.admin.corp.add.js"></script>
<script>
$(function() {
usp.init()
usp.admin.corp.add.init()
})
</script> </body>
</html>
html
(function() {
usp.namespace("usp.admin.corp.add");
usp.admin.corp.add.viewModel = {
Name: ko.observable(""),
Type: ko.observable(""),
adminLoginName: ko.observable(""),
adminPassWord: ko.observable(""),
};
usp.admin.corp.add.init = function() {
ko.applyBindings(usp.admin.corp.add.viewModel);
};
usp.admin.corp.add.goBack = function() {
window.location.href = "/admin/Corp/List"
};
usp.admin.corp.add.save = function() {
$.ajax({
url: "Add",
data: ko.toJS(usp.admin.corp.add.viewModel),
async: false,
success: function(data) {
if (data.status) {
usp.Notify('系统信息', '保存成功', 'success')
usp.admin.corp.add.goBack()
} else {
usp.Notify('系统信息', data.info, 'alert')
}
}
})
return false;
}
})(this);
usp.admin.corp.add.js
metroui的更多相关文章
- 使用bootstrap和metroui设计的微网站或手机app界面
今天使用bootstrap和metroui设计了一个metro风格的移动app或者微信微网站的界面 程序的源代码可以从此处获得:https://github.com/mz121star/weixin- ...
- Metro-UI系统-2-color和icon
1.上图 Color icon 2. 怎么用 2.1 color使用 <!--1,设置背景和前景色--> <div class="tile bg-blue fg-white ...
- Metro-UI系统-1-tile标签
一 效果图 二 各个效果的详解 1,简单磁贴 <div class="tile" data-role="title"> <!--定义一个磁贴- ...
- 优秀工具推荐:超实用的 CSS 库,样板和框架
当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间.在这篇文章中,我编译整理了我最喜欢的 CSS 样板,框架和库,帮助你在建立网站或应用程序时更加高效. 您可能感兴趣的相关文章 精 ...
- WPF 自定义Metro Style窗体
为了使WPF程序在不同版本的操作系统上保持一致的显示效果,我们需要重写WPF控件样式.这篇博客将展示如何创建一个Metro Style的WPF窗体. 首先先看一下最终窗体的效果图, 通过截图我们可以看 ...
- 在ASP.NET 5中如何方便的添加前端库
(此文章同时发表在本人微信公众号“dotNET每日精华文章”,欢迎右边二维码来关注.) 题记:ASP.NET 5和之前的ASP.NET版本有很大的不同,其中之一就是对前端库的管理不再使用Nuget,而 ...
- 使用SharePoint Designer定制开发员工工作日志系统实例!
昨天已介绍了一篇<使用SharePoint Designer定制开发专家库系统实例!>,今天继续来介绍使用SharePoint Designer定制开发员工工作日志系统实例,主要功能包括填 ...
- 转--2014年最新810多套android源码2.46GB免费一次性打包下载
转载自:http://www.eoeandroid.com/thread-497046-1-1.html 感谢该博客主人无私奉献~~ 下面的源码是从今年3月份开始不断整理源码区和其他网站上的安卓例子源 ...
- 10.12_win8风格,把专业书籍当小说看,SQLite
(1)CSS:Metro UI CSS(Metroui) 是一套实现了 Windows 8 的 Metro 风格界面的 CSS 框架..官网.BootMetro . (2)[开源访谈]CecOS作者 ...
随机推荐
- iOS开发-适配器和外观模式
适配器模式,属于结构型模式,其主要作用是将一个类的接口转换成客户希望的另外一个接口.适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作.适配器模式有对象适配器和类适配器两种,类适配器模 ...
- Revit中如何给不同构件着色
在Revit构件密集,默认的显示模式难以区分不同构件的区别,比如建筑立面有很多不同的机电管道,风管.水管,电缆桥架等,可一个给不同的机电管线添加不同的颜色,以示其区别,如下图所示,完成着色后,各种不同 ...
- Web 安全 之 OpenSSL
什么是OpenSSL协议? SSL(Secure SocketLayer,安全套接层)协议是使用最为普遍网站加密技术,用以保障在Internet上数据传输之安全,利用数据加密(Encryption)技 ...
- Ubuntu18.04的网络管理netplan和防火墙ufw
Netplan Ubuntu18.04使用的网络管理是netplan, 配置文件在/etc/netplan/下 刚安装完成的配置是这样的 刚安装完成的配置是这样的 network: ethernets ...
- Swift 计算三角形角度、两条边夹角
/// 计算三点之间的角度 /// /// - Parameters: /// - p1: 点1 /// - p2: 点2(也是角度所在点) /// - p3: 点3 /// - Returns: 角 ...
- <转>详解C++的模板中typename关键字的用法
用处1, 用在模板定义里, 标明其后的模板参数是类型参数. 例如: template<typename T, typename Y> T foo(const T& t, const ...
- 11g新特性-SQL Plan Management
在11g之前版本,提供了stored outlines(sql概要)特性来保存sql的执行计划. 在11g中,引入了一个新的特性sql计划管理(sql plan management)特性来保存sql ...
- MAC EI Capitan上更新系统自带SVN版本号(关闭SIP方能sudo rm)
继昨晚之后.决定更新系统自带的svn.自带的svn版本号是1.7.看官网svn:http://www.wandisco.com/subversion/download#osx 最新版本号是1.9.13 ...
- Selenium Web 自动化 - Selenium常用API
Selenium Web 自动化 - Selenium常用API 2016-08-01 目录 1 对浏览器操作 1.1 用webdriver打开一个浏览器 1.2 最大化浏览器&关闭浏览器 ...
- remmina如何上传文件到linux服务器
1.安装filezilla 2. remmina中选择列表中的主机,点击“外部工具 -> filezilla-xfp.sh” 3. 弹出filezilla,输入主机,端口,用户名,密码,连接, ...