<!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的更多相关文章

  1. 使用bootstrap和metroui设计的微网站或手机app界面

    今天使用bootstrap和metroui设计了一个metro风格的移动app或者微信微网站的界面 程序的源代码可以从此处获得:https://github.com/mz121star/weixin- ...

  2. Metro-UI系统-2-color和icon

    1.上图 Color icon 2. 怎么用 2.1 color使用 <!--1,设置背景和前景色--> <div class="tile bg-blue fg-white ...

  3. Metro-UI系统-1-tile标签

    一 效果图 二 各个效果的详解 1,简单磁贴 <div class="tile" data-role="title"> <!--定义一个磁贴- ...

  4. 优秀工具推荐：超实用的 CSS 库，样板和框架

    当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间.在这篇文章中,我编译整理了我最喜欢的 CSS 样板,框架和库,帮助你在建立网站或应用程序时更加高效. 您可能感兴趣的相关文章 精 ...

  5. WPF 自定义Metro Style窗体

    为了使WPF程序在不同版本的操作系统上保持一致的显示效果,我们需要重写WPF控件样式.这篇博客将展示如何创建一个Metro Style的WPF窗体. 首先先看一下最终窗体的效果图, 通过截图我们可以看 ...

  6. 在ASP.NET 5中如何方便的添加前端库

    (此文章同时发表在本人微信公众号“dotNET每日精华文章”,欢迎右边二维码来关注.) 题记:ASP.NET 5和之前的ASP.NET版本有很大的不同,其中之一就是对前端库的管理不再使用Nuget,而 ...

  7. 使用SharePoint Designer定制开发员工工作日志系统实例！

    昨天已介绍了一篇<使用SharePoint Designer定制开发专家库系统实例!>,今天继续来介绍使用SharePoint Designer定制开发员工工作日志系统实例,主要功能包括填 ...

  8. 转--2014年最新810多套android源码2.46GB免费一次性打包下载

    转载自:http://www.eoeandroid.com/thread-497046-1-1.html 感谢该博客主人无私奉献~~ 下面的源码是从今年3月份开始不断整理源码区和其他网站上的安卓例子源 ...

  9. 10.12_win8风格，把专业书籍当小说看，SQLite

    (1)CSS:Metro UI CSS(Metroui) 是一套实现了 Windows 8 的 Metro 风格界面的 CSS 框架..官网.BootMetro . (2)[开源访谈]CecOS作者 ...

随机推荐

  1. 使用Date和SimpleDateFormat类表示时间

    Date类: 使用 Date 类的默认无参构造方法创建出的对象就代表当前时间,我们可以直接输出 Date 对象显示当前的时间,显示的结果如下: Date d = new Date(); System. ...

  2. How to modify analog output range of Arduino Due

    Voltage Translation for Analog to Digital Interface ADC How to modify analog output range of Arduino ...

  3. 控制台获取AngularJS某个元素的Scope

    如何在控制台获取到某个元素的Scope呢? 假设,页面元素为: <label>Name:</label><input type="text" ng-m ...

  4. Visual Studio 2015 与 .NET 4.6 RTM 正式发布

    原文地址 微软终于正式发布了Visual Studio 2015产品家族的RTM版本,此次发布体现了微软在开发工具发展方向上的转变迈出了重要的一步,他们致力于提供一种支持在所有主流应用平台上进行应用开 ...

  5. Android性能优化-App后台优化

    原文链接 Background Optimizations 前言 后台进程是内存和电池敏感的.一个隐式的broadcast可能会启动很多监听它的后台进程,即使这些进程可能做得工作不多.这可能丢设备性能 ...

  6. linux 删除换行符

    今天需要删除文件里面的换行符,比如有一个文件a.txt: 1,2,3 4,5,6 1,2,3 4,5,6 1,2,3 4,5,6 1,2,3 4,5,6 1,2,3 4,5,6 1.使用vim删除换行 ...

  7. oracle本地编译问题

    oracle10.2: --将过程重新编译为本地编译方式,提示有编译错误,经查提示未设置plsql_native_library_dir 参数 SQL> alter procedure p_xx ...

  8. Nginx 访问认证

    简介 在实际工作中,企业中有些网站,要求使用账号和密码才能访问,如网站后台.phpMyAdmin .Wiki 平台 等 模块ngx_http_auth_basic_module 允许使用"H ...

  9. LaTeX语法笔记

    1.单词之间用空格分隔,段落之间用一整空行分隔,但是,如果在多输入空格或者空行也没有用处,系统还是把它当做一个空格或空行. 2.双引号:左侧用``(键盘左上角那个符号),右侧用'',即: ``'' , ...

  10. 决策树1 -- ID3_C4.5算法

    声明: 1.本篇为个人对<2012.李航.统计学习方法.pdf>的学习总结,不得用作商用.欢迎转载,但请注明出处(即:本帖地址). 2,因为本人在学习初始时有非常多数学知识都已忘记,因此为 ...