![]() ![]() ![]() ![]() |
|||||
|
|||||
樓主 ALICE ![]()
![]() |
有人分享x-editable 元件 ,看完後蠻喜歡的,可是不用MVC架構因為我也不熟悉 所以希望大家能提供符合我開發工具的SAMPLE CODE(參考網址也可以) 我的目標→用bootstrap做一個能查詢、新增、刪除、修改的介面(若是使用x-editable元件更好,不是也沒關係) 我的開發工具:.NET C# 開發WEB FORM 給大家看看x-editable 功能:http://www.jb51.net/article/76030.htm
搜尋相關Tags的文章:
[ bootstrap ] , [ editable table ] , [ 查詢 ] , [ 編輯 ] , [ 表格 ] , [ x-editable ] ,
本篇文章發表於2016-09-24 00:04 |
1樓 |
給經驗
自行慢慢摸索 每個都試一下
本篇文章回覆於2016-09-24 10:25
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
2樓
作者回應
ALICE ![]() |
請問以下程式不用MVC ,用.NET C#該如何達成?
public JsonResult GetDepartment(int limit, int offset, string departmentname, string statu) { var lstRes = new List<Department>(); for (var i = 0; i < 50; i++) { var oModel = new Department(); oModel.ID = Guid.NewGuid().ToString(); oModel.Name = "姓名" + i ; oModel.Level = i.ToString(); oModel.Desc = "無信息"; lstRes.Add(oModel); } var total = lstRes.Count; var rows = lstRes.Skip(offset).Take(limit).ToList(); return Json(new { total = total, rows = rows }, JsonRequestBehavior.AllowGet); }
本篇文章回覆於2016-09-29 22:17
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
3樓 |
webAPI
本篇文章回覆於2016-09-30 09:25
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
4樓
作者回應
ALICE ![]() |
Daimom,
謝謝你給我參考方向,我將原本程式碼修改為以下並放在Controller資料夾下,可以編譯成功但資料沒顯示出來, 麻煩看看我哪裡有問題 謝謝 //EditableController.cs檔 public class EditableController : ApiController { [HttpGet] public IEnumerable<Department> GetDepartment(int limit, int offset, string departmentname, string statu) { var lstRes = new List<Department>(); for (var i = 0; i < 50; i++) { var oModel = new Department(); oModel.ID = Guid.NewGuid().ToString(); oModel.Name = "姓名" + i; oModel.Level = i.ToString(); oModel.Desc = "測試"; lstRes.Add(oModel); } var total = lstRes.Count; var rows = lstRes.Skip(offset).Take(limit).ToList(); return (lstRes); } ------------------------------------------------------------------- 在ASPX裡加入以下JS檔 var TableInit = function () { var oTableInit = new Object(); oTableInit.Init = function () { $('#tb_departments').bootstrapTable({ //url: 'api/Department', url: 'api/GetDepartment', method: 'get', toolbar: '#toolbar', striped: true, cache: false, pagination: true, sortable: false, sortOrder: "asc", queryParams: oTableInit.queryParams, sidePagination: "server", pageNumber: 1, pageSize: 10, pageList: [10, 25, 50, 100], search: true, strictSearch: true, showColumns: true, showRefresh: true, minimumCountColumns: 2, clickToSelect: true, height: 500, uniqueId: "ID", showToggle: true, cardView: false, detailView: false, onEditableSave: function (field, row, oldValue, $el) { $.ajax({ type: "post", url: "/Editable/Edit", data: { strJson: JSON.stringify(row) }, success: function (data, status) { if (status == "success") { alert("成功"); } }, error: function () { alert("Error"); }, complete: function () { } }); } }); }; oTableInit.queryParams = function (params) { var temp = { limit: params.limit, offset: params.offset, departmentname: $("#txt_search_departmentname").val(), statu: $("#txt_search_statu").val() }; return temp; }; return oTableInit; };
本篇文章回覆於2016-09-30 22:24
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
回覆 |
如要回應,請先登入. |