天天看點

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

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

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

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

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

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

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查
建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

View Code

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

好,我們用jquery為按鈕添加事件。增、删、改、查,把導出和重新整理删掉吧。沒用到

在index加入以下代碼js代碼

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查
建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

這是jquery綁定了事件,不知道jquery怎麼用的,穿越回去學習一下選擇器和事件

OK代碼很清楚的告訴了我們增删改要做什麼了。

裡面用到了easyui 的window

是以我們在Index頂部加入一個層來包含彈出window,我們把增加,修改的視圖放在iframe裡面,然後附加到window裡面彈出

關于$.messageBox5s是我擴充easyui的message控件的結果,擴充如下

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查
建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

jquery.easyui.plus.js

建立jquery.easyui.plus.js放到scripts目錄下,引入即可

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

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

此時我們建立增加,和編輯的action和view

這裡是SysSampleController的代碼

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查
建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

SysSampleController

在建立視圖之前,我們先建立一個模闆頁,打開views下面的Shared建立

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查
建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

_Index_LayoutEdit.cshtml

我們以後的彈出視窗全部要用到這個模版,這個模版頁主要是引入了資料編輯和校驗

下面建立Create視圖

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查
建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

Create

建構ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的背景管理系統(9)-MVC與EasyUI結合增删改查

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

給點提示,修改就把建立複制一份,儲存的時候把url指到修改

詳細就把儲存去掉就可以了

查詢,在Controller的GetList增加一個queryStr參數,在BLL判斷是queryStr是否為空。不為空就用Linq寫多個where,O了

繼續閱讀