系列目录

文章于2016-12-17日重写

在第八讲中，我们已经做到了怎么样分页。这一讲主要讲增删改查。第六讲的代码已经给出，里面包含了增删改，大家可以下载下来看下。

这讲主要是，制作漂亮的工具栏，虽然easyui的datagrid已经自带可以设置工具栏，我们还是要提取出来，为以后权限控制做更好的准备。

先看一张界面调整后的效果图

大家只要加入以下HTML代码到index上就可以了

  View Code

有能力的朋友再优化一下样式

好，我们用jquery为按钮添加事件。增、删、改、查，把导出和刷新删掉吧。没用到

在index加入以下代码js代码

  View Code

里面用到了easyui 的window

所以我们在Index顶部加入一个层来包含弹出window，我们把增加，修改的视图放在iframe里面，然后附加到window里面弹出

<div id="modalwindow" class="easyui-window" data-options="modal:true,closed:true,minimizable:false,shadow:false"></div>



<div class="mvctool">................

关于$.messageBox5s是我扩展easyui的message控件的结果，扩展如下

  jquery.easyui.plus.js

创建jquery.easyui.plus.js放到scripts目录下，引入即可

编译预览一下，点击下，新增和编辑，好，有效果了

此时我们创建增加，和编辑的action和view

这里是SysSampleController的代码

  SysSampleController

在创建视图之前，我们先创建一个模板页，打开views下面的Shared创建

  _Index_LayoutEdit.cshtml

我们以后的弹出窗口全部要用到这个模版，这个模版页主要是引入了数据编辑和校验
下面创建Create视图

  Create

总结

修改就把创建复制一份，保存的时候把url指到修改

详细就把保存去掉就可以了

查询，在Controller的GetList增加一个queryStr参数，在BLL判断是queryStr是否为空。不为空就用Linq写多个where，O了