在第八講中,我們已經做到了怎麼樣分頁。這一講主要講增删改查。第六講的代碼已經給出,裡面包含了增删改,大家可以下載下傳下來看下。這講主要是,制作漂亮的工具欄,雖然easyui的datagrid已經自帶可以設定工具欄,我們還是要提取出來,為以後權限控制做更好的準備。
前端代碼沒有邏輯結果,這也許是我寫代碼以來寫得最輕松的,但也是最繁瑣的,因為美工我不是強項,每一次調整都非常的困難,最後我把他調成了這樣了:
看得過去的鼓掌一下。樣式已經包含在附加代碼中了。
大家隻要加入以下HTML代碼到index上就可以了
View Code
有能力的朋友再優化一下樣式
好,我們用jquery為按鈕添加事件。增、删、改、查,把導出和重新整理删掉吧。沒用到
在index加入以下代碼js代碼
這是jquery綁定了事件,不知道jquery怎麼用的,穿越回去學習一下選擇器和事件
OK代碼很清楚的告訴了我們增删改要做什麼了。
裡面用到了easyui 的window
是以我們在Index頂部加入一個層來包含彈出window,我們把增加,修改的視圖放在iframe裡面,然後附加到window裡面彈出
關于$.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了