页面
@{
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">×</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=&#
KnockOut.JS使用
最新推荐文章于 2024-07-16 10:34:31 发布