j.dispatcher.ajax.account.getList({ list: { header: ['编号', '用户名', '账户类型', '公司类型', '注册时间', '最后登录时间', '是否启用', '操作'], rowField: ['AccountCode', 'AccountName', 'AccountType', 'CompanyType', 'RegisterTime', 'LastActivityTime', 'IsAvailable', function (item) { var html = '<a href="/account/sub?type=edit&id=' + item.Id + '" title="编辑信息" ></a>' + '<a href="javascript:;" title="删除账户"></a>' ; return html; }], formatColumn: function (item, data) { if (item.IsAvailable != undefined) { if (item.IsAvailable == true) { return '<a href="javascript:;" title="已启用"></a>'; } else return '<a href="javascript:;" title="已禁用"></a>'; } else if (item.LastActivityTime) { var now = moment(item.LastActivityTime); return now.format('YYYY-MM-DD HH:mm:SS'); } else if (item.RegisterTime) { var now = moment(item.RegisterTime); return now.format('YYYY-MM-DD HH:mm:SS'); } }, rowClick: function () { window.location = '/account/detail?accountName=' + encodeURIComponent(this.AccountName); } } })
效果图：
比如表单内容保存，那就更简单了：
j.dispatcher.ajax.company.save({
validation: {
rulesCallBack: function (rules) {
rules.Name.remote = {
url: '/handler/validation.ashx?type=cn',
type: "post", //提交方式
data: {
CompanyName: function () {
return encodeURIComponent($("#Name").val()); //编码数据
}
}
}
rules.ConfirmParssword.equalTo = "#Password";
rules.AccountName.remote = {
url: '/handler/validation.ashx?type=an',
type: "post", //提交方式
data: {
AccountName: function () {
return encodeURIComponent($("#AccountName").val()); //编码数据
}
}
}
},
messagesCallBack: function (messages) {
messages.Name.remote = '该公司已经被注册！';
messages.AccountName.remote = '该用户名已经存在！';
messages.ConfirmParssword.equalTo = '两次密码不一致';
},
filters: ['Cellphone', 'Email']
},
post: {
success: function () {
alert(this.message);
window.location ='/company/list';
}
}
});
后端：后端其实很简单类，只要有这样分发器的实现地址就可以了，比如上面的：/company/save
PS: 前端管理框架我是用于基于bootsrap的一个后台框架.
有同学问，js什么什么，这个只是自己封装的一个js库，后续会跟大家分享