1.引用EasyUI的相关插件,在html文档中编写datagrid,如下:
<div class="easyui-layout" data-options="border: false,fit: true">
<div data-options="region:'center',border: false">
<table id="AdminList" class="easyui-datagrid" style="width:100%;height:100%;"
data-options="
rownumbers: true,
fitColumns: true,
striped: true,
singleSelect: true,
pagination: true,
pageSize: 20,
pageList: [20,50,100],
toolbar: '#A_tool',
remoteSort: false,
multiSort: true,
onClickRow: OnclickAdminRow
">
<thead>
<tr>
<th data-options="field:'LoginName',width:150,halign:'center',align:'left',sortable:true,fixed:true">账号</th>
<th data-options="field:'Name',width:150,halign:'center',align:'left',sortable:true,fixed:true">昵称</th>
<th data-options="field:'State',width:100,halign:'center',align:'center',sortable:true,fixed:true,formatter:formatState">状态</th>
<th data-options="field:'CreateTime',width:120,halign:'center',align:'left',sortable:true,fixed:false">创建时间</th>
</tr>
</thead>
</table>
</div>
</div>
<div id="A_tool" class="pd-12-20">
<div class="float-l">
<label>关键字:</label>@Html.TextBox("Keyword", "", new { @class = "input-txt-te width-150", @autocomplete = "off" })
<a href="javascript:void(0)" class="easyui-linkbutton a-success" onclick="SearchAdmin()"><i class="fa fa-search i-green"></i> 搜索</a>
</div>
<div class="float-r">
<a href="javascript:void(0)" class="easyui-linkbutton a-purple" plain="true" onclick="AddAdmin()"><i class="fa fa-plus i-blue"></i> 添加</a>
<a href="javascript:v