構建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系統（9）-MVC與EasyUI結合增刪改查

在第八講中，我們已經做到了怎么樣分頁。這一講主要講增刪改查。第六講的代碼已經給出，里面包含了增刪改，大家可以下載下來看下。這講主要是，制作漂亮的工具欄，雖然easyui的datagrid已經自帶可以設置工具欄，我們還是要提取出來，為以后權限控制做更好的准備。

前端代碼沒有邏輯結果，這也許是我寫代碼以來寫得最輕松的，但也是最繁瑣的，因為美工我不是強項，每一次調整都非常的困難，最后我把他調成了這樣了：

看得過去的鼓掌一下。樣式已經包含在附加代碼中了。

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

 

有能力的朋友再優化一下樣式

好，我們用jquery為按鈕添加事件。增、刪、改、查，把導出和刷新刪掉吧。沒用到

在index加入以下代碼js代碼

 

這是jquery綁定了事件，不知道jquery怎么用的，穿越回去學習一下選擇器和事件
OK代碼很清楚的告訴了我們增刪改要做什么了。

里面用到了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放到scripts目錄下，引入即可

編譯預覽一下，點擊下，新增和編輯，好，有效果了

此時我們創建增加，和編輯的action和view

這里是SysSampleController的代碼

 

在創建視圖之前，我們先創建一個模板頁，打開views下面的Shared創建

 

我們以后的彈出窗口全部要用到這個模版，這個模版頁主要是引入了數據編輯和校驗
下面創建Create視圖

 

下面的太簡單了，修改和詳細自己動手做起來吧。說得太明白東西就沒什么意思了

• 給點提示，修改就把創建復制一份，保存的時候把url指到修改
• 詳細就把保存去掉就可以了
• 查詢，在Controller的GetList增加一個queryStr參數，在BLL判斷是queryStr是否為空。不為空就用Linq寫多個where，O了