学习日记10、easyui编辑器combobox绑定数据的两种方式

使用EasyUI实现银行卡列表
本文介绍如何使用EasyUI框架实现一个银行卡列表的功能,并详细展示了如何进行数据绑定、设置列表的各项属性,包括编辑器配置、按钮操作等。

 

1、数据本地绑定

var card = [{ "value": "正常", "text": "正常" }, { "value": "挂失", "text": "挂失" }, {"value":"注销","text":"注销"}]
$('#Numbers').datagrid({
url: '@Url.Action("GetCardList")',
width: $(window).width-20,
methord: 'get',
//sortName: 'Id',
//sortOrder: 'desc',
idField: 'Id',
height: 320 + "px",
iconCls: 'icon-user_comment',
fitColumns: true,
singleSelect: true,
rownumbers: true,
columns: [[
{ field: 'Id', width: '60', hidden: true },
{ field: 'BankName', title: '开户行', width: '160', align: 'left', editor: { type: 'textbox', options: { required: true } } },
{ field: 'CardNo', title: '银行卡号', width: '180', align: 'left', editor: { type: 'textbox', options: { required: true } } },
{ field: 'CardState', title: '状态', width: '60', editor: { type: 'combobox', options: {data:card,valueField:"value",textField:"text", required: true } } },
{field: 'Delete', title: '', width: '60', formatter: function (value,row,index) {
var str = '<a id="btnDelete" style="float: left;" class="l-btn l-btn-plain"><span class="l-btn-left"><span class="l-btn-text icon-remove" onclick="Delete(' + index + ');" style="padding-left: 20px;"></span></span></a>'
return str;
}
}
]]

 

转载于:https://www.cnblogs.com/Wxinchun/p/8716318.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值