第二篇只是學了加載用datagrid加載數據，數據的增刪改還沒有做，今天主要是解決這個問題了。
| 名稱 | 類型 | 說明 | 默認值 |
| title | string | 顯示在Panel頭部的標題文字。 | null |
| iconCls | string | 在Panel里顯示一個16x16圖標的CSS類。 | null |
| width | number | 設置Panel的寬度。 | auto |
| height | number | 設置Panel的高度。 | auto |
| left | number | 設置Panel的左邊位置。 | null |
| top | number | 設置Panel的頂部位置。 | null |
| cls | string | 給Panel增加一個CSS類。 | null |
| headerCls | string | 給Panel頭部增加一個CSS類。 | null |
| bodyCls | string | 給Panel身體增加一個CSS類。 | null |
| style | object | 給Panel增加自定義格式的樣式。 | {} |
| fit | boolean | 當設為true時，Panel的 尺寸就適應它的父容器。 | FALSE |
| border | boolean | 定義了是否顯示Panel的邊框。 | TRUE |
| doSize | boolean | 設置為true，創建時Panel就調整尺寸并做成布局。 | TRUE |
| noheader | boolean | 要是設置為true，Panel的頭部將不會被創建。 | FALSE |
| content | string | Panel身體的內容。 | null |
| collapsible | boolean | 定義了是否顯示折疊按鈕。 | FALSE |
| minimizable | boolean | 定義了是否顯示最小化按鈕。 | FALSE |
| maximizable | boolean | 定義了是否顯示最大化按鈕。 | FALSE |
| closable | boolean | 定義了是否顯示關閉按鈕。 | FALSE |
| tools | array | 自定義工具組，每個工具包含兩個特性： | [ ] |
| iconCls和handler | |||
| collapsed | boolean | 定義了初始化Panel是不是折疊的。 | FALSE |
| minimized | boolean | 定義了初始化Panel是不是最小化的。 | FALSE |
| maximized | boolean | 定義了初始化Panel是不是最大化的。 | FALSE |
| closed | boolean | 定義了初始化Panel是不是關閉的。 | FALSE |
| href | string | 一個URL，用它加載遠程數據并且顯示在Panel里。 | null |
| cache | boolean | 設置為true就緩存從href加載的Panel內容。 | TRUE |
| loadingMessage | string | 當加載遠程數據時在Panel里顯示的一條信息。 | Loading… |
| extractor | function | 定義了如何從Ajax響應抽出內容，返回抽出的數據。 extractor: function(data){ var pattern = /<body[^>]*>((.|[/n/r])*)<//body>/im; var matches = pattern.exec(data); if (matches){ return matches[1]; // 只抽出 body 的內容 } else { return data; } } |
| 名稱 | 參數 | 說明 |
| onLoad | none | 當遠程數據被加載時觸發。 |
| onBeforeOpen | none | Panel打開前觸發，返回false就停止打開。 |
| onOpen | none | Panel打開后觸發。 |
| onBeforeClose | none | Panel關閉前觸發，返回false就取消關閉。 |
| onClose | none | Panel關閉后觸發。 |
| onBeforeDestroy | none | Panel銷毀前觸發，返回false就取消銷毀。 |
| onDestroy | none | Panel銷毀后觸發。 |
| onBeforeCollapse | none | Panel折疊前觸發，返回false就停止折疊。 |
| onCollapse | none | Panel折疊后觸發。 |
| onBeforeExpand | none | Panel展開前觸發，返回false就停止展開。 |
| onExpand | none | Panel展開后觸發。 |
| onResize | width, height | Panel調整尺寸后觸發。 |
| width：新的外部寬度。 | ||
| height：新的外部高度 | ||
| onMove | left,top | Panel移動后觸發。 |
| left：新的左邊位置 | ||
| Top：新的頂部位置 | ||
| onMaximize | none | 窗口最大化后觸發。 |
| onRestore | none | 窗口還原為它的原始尺寸后觸發。 |
| onMinimize | none | 窗口最小化后觸發。 |
| 名稱 | 參數 | 說明 |
| options | none | 返回選項特性。 |
| panel | none | 返回Panel對象。 |
| header | none | 返回Panel頭部對象。 |
| body | none | 返回Panel身體對象。 |
| setTitle | title | 設置頭部的標題文字。 |
| open | forceOpen | 當forceOpen參數設為true，就繞過onBeforeOpen回調函數打開Panel。 |
| close | forceClose | 當forceClose參數設為true，就繞過onBeforeClose回調函數關閉Panel。 |
| destroy | forceDestroy | 當forceDestroy參數設為true，就繞過onBeforeDestroy回調函數銷毀Panel。 |
| refresh | href | 當設置了href特性時，刷新Panel加載遠程數據。 |
| resize | options | 設置Panel尺寸并做布局。Options對象包含下列特性： |
| width：新的Panel寬度 | ||
| height：新的Panel高度 | ||
| left：新的Panel左邊位置 | ||
| top：新的Panel頂部位置 | ||
| move | options | 移動Panel到新位置。Options對象包含下列特性： |
| left：新的Panel左邊位置 | ||
| top：新的Panel頂部位置 | ||
| maximize | none | Panel適應它的容器的尺寸。 |
| minimize | none | 最小化Panel。 |
| restore | none | 把最大化的Panel還原為它原來的尺寸和位置。 |
| collapse | animate | 折疊Panel身體。 |
| expand | animate | 展開Panel身體。 |
| 參數名 | 類型 | 描述 |
| modal | boolean | 是否生成模態窗口。默認false |
| shadow | boolean | 是否顯示窗口陰影。默認false |
| 參數名 | 類型 | 描述 |
| title | string | 該對話框標題文本。默認"New Dialog" |
| collapsible | boolean | 當True時可顯示折疊按鈕。默認false |
| minimizable | boolean | 當True時可顯示最小化按鈕。默認false |
| maximizable | boolean | 當True時可顯示最大化按鈕。默認false |
| resizable | boolean | 當True時能重繪對話框大小。默認false |
| toolbar | array | 該工具欄置于對話框的頂部，每個工具欄包含:text, iconCls, disabled, handler等屬性 |
| buttons | array | 這個按鈕置于對話框的底部，每個按鈕包含:text, iconCls, handler等屬性 |
@model GroupItem.Model.CrmUserEntity<style type="text/css"> tr{ height: 30px;} .td_txt{ text-align:right;}</style><script type="text/javascript"> function closeForm () { $('#EditDig').dialog('close'); }</script><form id="toUpdate" method="POST"> <table style="width: 100%; padding: 0 10px;"> <tr> <td width="10" class="td_txt">登陸郵箱:</td> <td width="40">@Html.TextBoxFor(t => t.LoginEmail)</td> <td width="30">@Html.ValidationMessageFor(t=>t.LoginEmail)</td> </tr> <tr> <td class="td_txt">真實姓名:</td> <td>@Html.TextBoxFor(t => t.TrueName)</td> <td>@Html.ValidationMessageFor(t => t.TrueName)</td> </tr> <tr> <td class="td_txt">昵稱:</td> <td>@Html.TextBoxFor(t => t.NickName)</td> <td></td> </tr> <tr> <td class="td_txt">手機號碼:</td> <td>@Html.TextBoxFor(t => t.Phone)</td> <td></td> </tr> <tr> <td class="td_txt">身份證:</td> <td>@Html.TextBoxFor(t => t.UserCard)</td> <td></td> </tr> <tr> <td class="td_txt">QQ號碼:</td> <td>@Html.TextBoxFor(t => t.QQ)</td> <td></td> </tr> <tr> <td class="td_txt">最后登陸時間:</td> <td>@Html.TextBoxFor(t => t.LastLoginTime)</td> <td></td> </tr> <tr> <td colspan="3" style="text-align: center;"> <input type="button" value="保存" onclick="toSubmit()" /> <input type="button" value="取消" onclick=" closeForm() "/> </td> </tr> </table></form> <script type="text/Javascript"> function toSubmit() { var posData = $("#toUpdate").serializeArray(); $.post("/CrmUser/Edit", posData, function (date) { if (date == "ok") { closeForm(); $("#grid").datagrid('reload'); } else { $.messager.alert("友情提示", "操作失敗，請您檢查", "error"); } }); }</script>
控制器：
/// <summary> /// 用戶信息修改 /// </summary> /// <param name="id"></param> /// <returns></returns> public ActionResult Edit(int? id) { var model = new CrmUserEntity(); if (id.HasValue) { model = new CrmUserBll().Get(id.Value); } return View(model); } /// <summary> /// 用戶信息修改 /// </summary> /// <param name="crmUser"></param> /// <returns></returns> [HttpPost] [ValidateInput(false)] public ActionResult Edit(CrmUserEntity crmUser) { if (crmUser.Id>0) { //修改 if (new CrmUserBll().Update(crmUser) > 0) { return Content("ok"); } }}
新聞熱點
疑難解答
