台灣最大程式設計社群網站
線上人數
1112
 
會員總數:245908
討論主題:189500
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> bootstrap查詢、新增、刪除、修改的介面
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
bootstrap查詢、新增、刪除、修改的介面
價值 : 50 QP  點閱數:1411 回應數:4
樓主

ALICE
門外漢
0 13
144 11
發送站內信

各位先進好,
有人分享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樓
回應

PJH
檢舉此回應
給經驗
自行慢慢摸索
每個都試一下
本篇文章回覆於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樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
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
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.