@using Bowin.Web.Controls.Mvc;
@using EMISOnline.Entities;
@using EMISOnline.Web.Controls;
@{
    ViewBag.Title = "List";
    
}
<div class="easyui-panel" data-options="border:false,fit:true" style="position: relative;">
    @Html.Position()
    <div class="p_SearchTitle">
        <div style="float: left; margin-left: 10px; font-size: 12px; line-height: 30px;">
            查询条件</div>
    </div>
    @using (Html.BeginForm("", "", FormMethod.Post, new { id = "fm" }))
    {
        <div class="search_keyword">
            <div class="search_input">
                <ul>
                    <li class="sn" style="padding-left: 5px;">课程名称：</li>
                    <li class="sv">
                        @Html.TextBox("CourseName")
                    </li>
                    <li>
                        @Html.Button(new ButtonOptions() { ID = "btnSearch", Text = "查 询" })
                    </li>
                </ul>
            </div>
        </div>
    }
    <div class="search_list">
        @Html.DataGrid(new DataGridOptions
            {
                Columns = new List<DataGridColumn>() 
                { 
                    new CheckBoxFieldColumn{ HeaderText="", FieldName="CoursematerialID" },
                new LinkButtonColumn { FieldName="CourseCode", HeaderText="课程代码", Align=AlignStyle.Center , Handle="edit", Width=0.06 },
                new BoundFieldColumn { FieldName="CourseName", HeaderText="课程名称", Align=AlignStyle.Center, OverflowLength=20, Width=0.1 },
                new BoundFieldColumn { FieldName="Abbreviation", HeaderText="课程简称", Align=AlignStyle.Center, OverflowLength=8,  Width=0.08 },
                new BoundFieldColumn { FieldName="CourseLevelName", HeaderText="课程级别", Align=AlignStyle.Center, Width=0.03 },
                new BoundFieldColumn { FieldName="CourseScienceName", HeaderText="课程科类", Align=AlignStyle.Center, Width=0.03 },
                new BoundFieldColumn { FieldName="IsEnableName", HeaderText="是否启用", Align=AlignStyle.Center, Width=0.03 }
                },

                IsCheckOnSelect = true,
                DataSourceUrl = Url.Content("~/Course/List"),
                ID = "dgList",
                IsPagination = true,
                IsShowRowNumbers = true,
                IsSingleSelect = false,
                IsVerticalExpand = true,
                IsAutoHeight = false,
                PageSize = 15
            })
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $("#btnSearch").click(function () {
            loadGrid();
        });
    });

    function loadGrid() {
        var queryForm = $("#fm").getFormData();
        $("#dgList").cmsXDataTable("load", queryForm);
    }
</script>