一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - ASP.NET教程 - ASP.NET MVC使用EasyUI的datagrid多選提交保存教程

ASP.NET MVC使用EasyUI的datagrid多選提交保存教程

2019-09-24 10:41asp.net教程網 ASP.NET教程

ASP.NET MVC使用EasyUI的datagrid多選提交保存教程,需要的朋友可以參考下。

需要實現EasyUI的datagrid組件加入選擇checkbox列,并提交后臺批量添加的功能,頁面代碼如下: 

復制代碼代碼如下:


<script language="javascript" type="text/javascript"> 
$(function() { 
//searchbox 
$('#selectgoods-keywords').searchbox({ 
searcher: function(val, name) { 
searchInfo(val); 

}); 
//datagrid 
$('#selectgoods-grid').datagrid({ 
url: '/Goods/List', 
pageNumber: 1, 
pageSize: 20, 
pageList: [20, 40, 60, 80, 100] 
}); 
//form 
}); 
function searchInfo(val){ 
// var keytype=$('#keyType').combobox('getValue'); 
var keytype = 'Goods_Name'; 
var keywords = val; 
$('#selectgoods-grid').datagrid('reload', { keytype: keytype, keywords: keywords }); 

function saveSelectGoods() { 
var ids = []; 
var rows = $('#selectgoods-grid').datagrid('getSelections'); 
for (var i = 0; i < rows.length; i++) { 
ids.push(rows[i].Identifier); 

var selectsupplier = '<%=ViewData["supplier"] %>'; 
$.post('/SupplierGoods/SaveSelect', { supplier: selectsupplier, checks: ids.join(',') }, function(data) { 
if (data) { 
$('#goodslist-grid').datagrid('reload'); 
$('#goodsInfo-window').window('close'); 
} else { 
alert('保存失敗!'); 

}, 'json'); 

</script> 
<div style="width:100%; height:100%"> 
<table id="selectgoods-grid" class="easyui-datagrid" fit="true" toolbar="#tlb_selectgoods_search" pagination="true" 
rownumbers="true" fitColumns="true" idField="Identifier"> 
<thead> 
<tr> 
<th field="ck" checkbox="true"></th> 
<th field="Identifier" hidden="true" width="0" editor="text">Id</th> 
<th field="Goods_Name" width="100" editor="{type:'validatebox',options:{required:true}}">商品名稱</th> 
<th field="Chemistry" width="100" editor="{type:'validatebox',options:{required:true}}">化學指標</th> 
<th field="Physical" width="100" editor="{type:'validatebox',options:{required:true}}">物理指標</th> 
<th field="Partner_Name" width="50" editor="{type:'validatebox',options:{required:true}}">合作狀態</th> 
</tr> 
</thead> 
</table> 
<div id="tlb_selectgoods_search"> 
商品名稱:<input name="keywords" id="selectgoods-keywords" class="easyui-searchbox" /><a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:saveSelectGoods()">保存</a> 
</div> 
</div> 


ASP.NET MVC的Controller代碼如下: 

復制代碼代碼如下:


/// <summary> 
/// 多選商品添加 
/// </summary> 
/// <param name="supplier">供貨商ID</param> 
/// <returns></returns> 
public ActionResult SelectGoods(string supplier) 

ViewData["supplier"] = supplier; 
return View(); 

/// <summary> 
/// 保存批量添加的產品信息 
/// </summary> 
/// <param name="checks">選中的商品ID</param> 
/// <param name="supplier">供貨商名稱</param> 
/// <returns></returns> 
public JsonResult SaveSelect(string checks, string supplier) 

JsonResult result = new JsonResult(); 
result.Data = false; 
try 

if (String.IsNullOrEmpty(supplier)) 
return result; 
SupplierGoods goods = new SupplierGoods(); 
goods.Identifier = 0; 
//拼裝xml 
String ids=Communion.StringHelper.BuildXmlID(checks); 
goods.Goods_ID = -1;//標示批量插入 
goods.Note = ids; 
goods.Month_Output = Convert.ToDouble(String.IsNullOrEmpty(this.ReadFromRequest("Month_Output")) ? "0" : this.ReadFromRequest("Month_Output")); 
goods.Supplier_ID = Convert.ToInt32(supplier); 
goods.Create_Date = DateTime.Now; 
goods.Customers = this.ReadFromRequest("Customers"); 
goods.Equipment = this.ReadFromRequest("Equipment"); 
goods.Detail_Params = this.ReadFromRequest("Detail_Params"); 
goods.IsDefault = Convert.ToInt32(String.IsNullOrEmpty(this.ReadFromRequest("IsDefault")) ? "0" : this.ReadFromRequest("IsDefault")); 
Business business = new BusinessLogic(); 
int id = business.Save<SupplierGoods>(goods); 
if (goods.Identifier == 0) 

goods.Identifier = id; 

result.Data = true; 
return result; 

catch (Exception e) 

return result; 


存儲過程利用xml變量對傳入的xml類型的ID集合進行批量添加保存到數據庫中,存儲過程代碼如下: 

復制代碼代碼如下:


ALTER PROCEDURE [dbo].[View_SupplierGoodsCreate] 
@Identifier int, 
@Supplier_ID int, 
@Goods_ID int, 
@isDefault int, 
@Create_Date datetime, 
@Month_Output float(8), 
@Goods_Name nvarchar(400)=NULL, 
@Physical nvarchar(400)=NULL, 
@Chemistry nvarchar(400)=NULL, 
@Customers nvarchar(400)=NULL, 
@Equipment nvarchar(400)=NULL, 
@Note nvarchar(MAX)=NULL, 
@Detail_Params nvarchar(400)=NULL 
AS 
IF @Goods_ID=-1 
BEGIN 
--批量插入商品 
DECLARE @xml xml 
SET @xml=@Note 
INSERT INTO Supplier_Goods(Supplier_ID,Goods_ID,Create_Date,Month_Output,Customers,Equipment,Note,isdefault,Detail_Params) 
SELECT @Supplier_ID,identifier,@Create_Date,0,null,null,null,0,null 
FROM Base_Goods 
WHERE 
Identifier in (Select 
T.ID.value('.', 'int') As ID 
From 
@xml.nodes('/XML/ID') as T(ID)) and Identifier not in (select goods_id from Supplier_Goods where Supplier_ID=@Supplier_ID) 
SET @Identifier=@Goods_ID 
END 

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 欧美日韩国产最新一区二区 | gogort人体的最新网站 | 日韩在线毛片 | 亚洲视频在线免费观看 | 日本不卡一区二区三区在线观看 | 波多野结衣178部中文字幕 | 无码11久岁箩筣 | 美艳教师刘艳第三部166 | aaa免费看| 日日碰日日操 | 国产精品久久免费观看 | 国产一卡2卡3卡4卡公司科普 | 国产在线一区二区视频 | 成人欧美一区二区三区黑人 | 欧美╳bbbb| 国产福利视频一区二区微拍 | 国产51社区精品视频资源 | 513热点网深夜影院影院诶 | 国产亚洲欧美在线中文bt天堂网 | 日本大片免a费观看在线 | 精品性影院一区二区三区内射 | 成年人免费观看视频网站 | 亚洲精品卡一卡2卡3卡4卡 | 九九精品视频在线观看九九 | 99久久精彩视频 | 北海市副市长黄江老公 | 大乳孕妇一级毛片 | 午夜一级影院 | 香蕉97超级碰碰碰免费公 | 免费看一级大片 | 校花被老头夺去第一次动图 | 我的奶头被客人吸的又肿又红 | 亚洲国产精品一在线观看 | 日本一本草久p | 201天天爱天天做 | 亚洲va欧美va国产综合久久 | 久久婷婷五月综合色精品首页 | lubuntu网页版在线 | 丝瓜秋葵番茄绿巨人在线观看 | 人与蛇boxxⅹ | 91.久久|