MVC + EntityFramework + KendoUI

前台

登陆 (Login)

<form id="form_login" action="/Login/Login" method="post">
    <table>
        <tr>
            <td>用户名</td>
            <td><input type="text" name="Username" required="required" /></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" name="Password" required="required" /></td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="登录" /></td>
        </tr>
    </table>
</form>

主页面(Home.Index)

<body>
    @(
        Html.Kendo().Splitter()
        .Name("splitter_vertical_1")
        .Orientation(SplitterOrientation.Vertical)
        .Panes
        (
            verticalPanes =>
            {
                @* 上框架 *@
                verticalPanes.Add()
                .HtmlAttributes(new { id = "main" })
                .Resizable(false)
                .Collapsible(false)
                .Content
                (
                    Html.Kendo().Splitter()
                    .Name("splitter_horizontal_1")
                    .Panes
                    (
                        horizontalPanes =>
                        {
                            @* 左框架 *@
                            horizontalPanes.Add()
                            .HtmlAttributes(new { id = "main_left" })
                            .Size("200px")
                            .Resizable(false)
                            .Collapsible(true)
                            .Content
                            (
                                Html.Kendo().Splitter()
                                .Name("splitter_vertical_2")
                                .Orientation(SplitterOrientation.Vertical)
                                .Panes
                                (
                                    verticalPanes_2 =>
                                    {
                                        @* 左上框 *@
                                        verticalPanes_2.Add()
                                        .HtmlAttributes(new { id = "main_left_top" })
                                        .Collapsible(false)
                                        .Resizable(false)
                                        .Size("40px")
                                        .Content
                                        (
                                            Html.Kendo().Button()
                                            .Name("button_logout")
                                            .Content("登出")
                                            .Events(e => e.Click("logout"))
                                            .ToHtmlString()
                                        );
                                        @* END 左上框 *@
        
                                        @* 左下框 *@
                                        verticalPanes_2.Add()
                                        .HtmlAttributes(new { id = "main_left_bottom" })
                                        .Collapsible(false)
                                        .Resizable(false)
                                        .Content
                                        (
                                            @<div>
                                                @* 下拉菜单 *@
                                                @(Html.Kendo().PanelBar()
                                                    .Name("panelbar")
                                                    .ExpandMode(PanelBarExpandMode.Single)
                                                    .Items(panelbar =>
                                                    {
                                                        panelbar.Add().Text(Session["UserName"].ToString() + "[" + Session["DepartmentName"].ToString() + ":" + Session["RoleName"].ToString() + "]")
                                                        .Expanded(true);
                                                        
                                                        panelbar.Add().Text("菜单")
                                                                .Items
                                                                (
                                                                    projects =>
                                                                    {
                                                                        projects.Add().Text("菜单项");
                                                                    }
                                                                );
                                                    })
                                                )
                                            </div>
                                        );
                                        @* END 左下框 *@
                                    }
                                )
                                .ToHtmlString()
                            );
                            @* END 左框架 *@

                            @* 主框架 *@
                            horizontalPanes.Add()
                            .HtmlAttributes(new { id = "main_right" })
                            .Content
                            (
                                Html.Kendo().Splitter()
                                .Name("splitter_vertical_3")
                                .Orientation(SplitterOrientation.Vertical)
                                .Panes
                                (
                                    verticalPanes_3 =>
                                    {
                                        verticalPanes_3.Add()
                                        .HtmlAttributes(new { id = "main_right_top" })
                                        .Resizable(false)
                                        .Collapsible(false)
                                        .Size("30px")
                                        .Content
                                        (
                                            @<label id='label_title'></label>
                                        );

                                        verticalPanes_3.Add()
                                        .HtmlAttributes(new { id = "main_right_bottom" })
                                        .Resizable(false)
                                        .Collapsible(false)
                                        .Content
                                        (
                                            @<iframe id='iframe_page' src='/Home/Main' frameborder='0' scrolling="yes"></iframe>
                                        );
                                    }
                                )
                                .ToHtmlString()
                            );
                            
                            @* END 主框架 *@
                        }
                    )
                    .ToHtmlString()
                );
                @* 底框架 *@
                verticalPanes.Add()
                .HtmlAttributes(new { id = "bottom"})
                .Resizable(false)
                .Collapsible(false)
                .Size("90px")
                .Content
                (
                    @<div>
                         <img src="~/Images/logo_img.png" />
                        <div>
                            <h3>SomeType</h3>
                            <p>Some Information</p>
                        </div>
                    </div>
                );
                
                @* END 底框架 *@
            }
        )
    )
</body>

应用获取(Index)

<div id="window_create"></div>
<div id="window_edit"></div>
<div id="window_detail"></div>

<div id="grid"></div>

操作(Create & Edit)

@model RiskManagementReviews.Models.Entity

<div>
　　<form>
    　　<table>
        <tr>
            <td>名称</td>
            <td>
                @(Html.Kendo().TextBox().Name("DepartmentName").HtmlAttributes(new { type = "hidden" }))
            </td>
        </tr>
        <tr>
            <td colspan="2">
                @Html.Kendo().Button().Name("submit").Content("保存").HtmlAttributes(new { type = "submit" })
            </td>
        </tr>
    　　</table>
　　</form>
</div>

function open_window_detail(e) {

    e.preventDefault();
    var data = this.dataItem($(e.currentTarget).closest("tr"));

    $("#div").kendoWindow({
        width: "600px",
        title: "title",
        content: {
            url: "url",
            dataType: "json",
            iframe: true,
        }
    });

    $("#window_detail").data("kendoWindow").open();
}

Controllers

////////////////////////////////
////////       视图     ////////
////////////////////////////////
public ActionResult Index()
{
    return View();
}

public ActionResult Create_View()
{
    return View();
}

public ActionResult Edit_View(int ID)
{
    return View();
}

public ActionResult Detail_View(int ID)
{
    return View();
}

////////////////////////////////
////////       获取     ////////
////////////////////////////////
public ActionResult GetData()
{
    return Json(db.Students);
}

////////////////////////////////
////////       更改     ////////
////////////////////////////////
public ActionResult Create(Entity enriry)
{
    return Json("添加成功!");
}
public ActionResult Edit(Entity enriry)
{
    return Json("编辑成功!");
}
public ActionResult Delete(Entity enriry)
{
    return Json("删除成功!");
}

posted @ 2015-05-29 21:21 `Laimic 阅读(452) 评论(0) 收藏举报

刷新页面返回顶部