KnockOut.JS使用

页面
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/Nav.cshtml";
    <link href="~/webuploader/CSS/style.css" rel="stylesheet" />
    <link href="~/webuploader/CSS/webuploader.css" rel="stylesheet" />
    <script src="~/webuploader/WebUploader_MVC.js"></script>
    <script src="~/webuploader/JS/webuploader.js"></script>
}
    <form data-bind="submit: Search" class="col-lg-12" style="margin-top:10px;">
        <div class="col-lg-2"><input type="text" id="StuNameSearch" data-bind="value: StuNameSearch" placeholder="名称|编号|全称" class="form-control"/></div>
        <div class="col-lg-2">
            <select id="ctype" data-bind="value: ctype" class="form-control">
                <option>课程类型</option>
                <option>信息</option>
                <option>财艺</option>
            </select>
        </div>
        <div class="col-lg-2">
            <select id="status" data-bind="value: status" class="form-control">
                <option>系部</option>
                <option>信息系</option>
                <option>财艺系</option>
                <option>机电系</option>
            </select>
        </div>
        <button id="Search" type="submit" class="btn btn-primary">查询</button>    
    </form>

    <div class="col-lg-12" style="margin-top:10px;">
       <div class="col-lg-1"><button type="button" class="btn btn-primary" style="width:100%" data-bind="click: xianshi">添加</button></div>
       <div class="col-lg-1"><button type="button" class="btn btn-primary" style="width:100%" data-bind="click: removeall">多删</button></div>
       <div class="col-lg-1"><button type="button" class="btn btn-primary" style="width:100%" data-bind="click: BatchAdd" id="BatchAdd"  data-toggle="modal">导入</button></div>
       <div class="col-lg-1"><button type="button" class="btn btn-primary" style="width:100%" onclick="Export()">导出</button></div>
    </div>

    <table id="theader" class="table text-center">
        <thead>
            <tr>
                <th style="width:5%" class="text-center"><input id="selectAll" type="checkbox" onclick="ChoseAll()"></th>
                <th style="width:5%" class="text-center">序号</th>
                <th style="width:5%" class="text-center">编号</th>
                <th style="width:10%" class="text-center">名称</th>
                <th style="width:10%" class="text-center">全称</th>
                <th style="width:10%" class="text-center">首拼</th>
                <th style="width:10%" class="text-center">全拼</th>
                <th style="width:10%" class="text-center">类型</th>
                <th style="width:10%" class="text-center">系部</th>
                <th style="width:10%" class="text-center">图片</th>
                <th style="width:20%" class="text-center">操作</th>
            </tr>
        </thead>
        <tbody data-bind="foreach: people">            
            <tr>                
                <td><input name="chooseInfo" type="checkbox" data-bind="value: ClassID" onclick="    checkall()"></td>
                <td data-bind="text: $index() + 1"></td>
                <td data-bind="text: ClassID"></td>
                <td data-bind="text: ClassName"></td>
                <td data-bind="text: ClassAllName"></td>
                <td data-bind="text: FirstSpell"></td>
                <td data-bind="text: AllSpell"></td>
                <td data-bind="text: Type"></td>
                <td data-bind="text: Departments"></td>
                <td><img data-bind="attr: { src: Image }" style="width:120px;height:60px;" /></td>
                <td>
                    <button class="btn btn-default" type="button" data-bind="click: $parent.remove">删除</button>
                    <button class="btn btn-default" type="button" data-bind="click: $parent.Detail">修改</button>
                </td>
            </tr>
        </tbody>
    </table>
    <div id="nullhide" class="col-lg-12" hidden="hidden">暂无课程</div>
    <div class="col-lg-12">
        <input id="page" value="1" hidden="hidden" data-bind="value: page"/> 
        <div class="col-lg-3"><input type="button" id="Fpage" class="btn btn-default" value="首页"  data-bind="click: CPage1" /></div>
        <div class="col-lg-3"><input type="button" id="Spage" class="btn btn-default" value="上一页" data-bind="click: CPage2" /></div>
        <div class="col-lg-3"><input type="button" id="Npage" class="btn btn-default" value="下一页" data-bind="click: CPage3" /></div>
        <div class="col-lg-3"><input type="button" id="Lpage" class="btn btn-default" value="末页" data-bind="click: CPage4" /></div>
    </div>
    
    <input type="text" name="sexx" id="sexx" hidden="hidden" />

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">添加课程</h4>
                </div>
                <div class="modal-body" style="height:320px;">
                        <div class="col-lg-12" style="margin:5px;">
                            <div class="col-lg-2">编号</div> <div class="col-lg-10"><input type="text" class="form-control" id="txt_ID"></div>
                        </div>
                    <div class="col-lg-12">
                        <label class="col-lg-3 control-label">课程图片<label style="color: red;">*</label></label>
                        <div class="col-lg-9">
                            <div id="fileList"></div>
                            <div class="cp_img_jia" id="filePicker"></div>
                            <div id="cp_img_jian"></div>
                        </div>
                    </div>
                        <div class="col-lg-12" style="margin:5px;">
                            <div class="col-lg-6">
                                <div class="col-lg-3">名称</div><div class="col-lg-9"><input type="text" class="form-control" id="lessname"></div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-3">全称</div><div class="col-lg-9"><input type="text" class="form-control" id="allname"></div>
                            </div>
                        </div>
                        <div class="col-lg-12" style="margin:5px;">
                            <div class="col-lg-6">
                                <div class="col-lg-3">首拼</div><div class="col-lg-9"><input type="text" class="form-control" id="lessspell"></div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-3">全拼</div><div class="col-lg-9"><input type="text" class="form-control" id="allspell"></div>
                            </div>
                        </div>
                        <div class="col-lg-12" style="margin:5px;">
                            <div class="col-lg-6">
                                <div class="col-lg-3">类型</div>
                                <div class="col-lg-9">
                                     <select id="type" class="form-control">
                                        <option>信息</option>
                                        <option>财艺</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-3">系部</div>
                                <div class="col-lg-9">
                                    <select id="depart" class="form-control">
                                        <option>信息系</option>
                                        <option>财艺系</option>
                                        <option>机电系</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12" style="margin: 5px;">
                            <div class="col-lg-2">简介</div>
                            <div class="col-lg-10"><textarea class="form-control" rows="5" id="introduce"></textarea></div>
                        </div>
                </div>
                <div class=&#