bootstrap-table的formatter中使用ajax的问题
MVC5项目中的页面使用bootstrap-table,其中一列是这样的:
其中formatter的功能:通过以下ajax语句从controller返回一个字符串,如果该字符串不为'0'就显示一个<i>元素,否则什么都不显示。
controller中的函数:
运行结果:对应单元格什么也不显示。
感觉似乎formatter中的异步ajax的success回调函数中的结果不能显示到页面。
通过console.info确定已经进入了 if (data != '0') {...}
请教各位高手,我哪里没对?该如何处理?
{ field: '', title: '委托', halign: 'center', align: 'center', valign: 'middle', width: 70, sortable: false, formatter: WWFormatter },
其中formatter的功能:通过以下ajax语句从controller返回一个字符串,如果该字符串不为'0'就显示一个<i>元素,否则什么都不显示。
function WWFormatter(value, row, index) {
$.ajax({
type: "Get",
url: "/Business/GetWWCount",
data: { id: row.业务ID },
async: true,
success: function (data) {
if (data != '0') {
return '<i class="text-danger fa fa-check-circle fa-lg"></i>';
}
else
{
return '';
}
},
error: function () { return ''; }
});
}
controller中的函数:
public string GetWWCount(int id)
{
return "1"; //为方便调试,直接返回"1"
}
运行结果:对应单元格什么也不显示。
感觉似乎formatter中的异步ajax的success回调函数中的结果不能显示到页面。
通过console.info确定已经进入了 if (data != '0') {...}
请教各位高手,我哪里没对?该如何处理?
...全文
相关推荐
值得分享的轻量级Bootstrap Table表格插件
为大家分享了轻量级Bootstrap Table表格插件,以表格的形式显示的数据,支持单选,复选框,排序,分页,显示/隐藏列等操作,感兴趣的小伙伴们可以参考一下
bootstrap-table formatter 使用vue组件的方法
Bootstrap table是国人开发的一款基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。这篇文章重点给大家介绍bootstrap-table formatter 使用vue组件的方法,感兴趣的朋友一起看看
bootstrap table实现单击单元格可编辑功能
主要为大家详细介绍了bootstrap table实现单击单元格可编辑功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
BootStrap给table表格的每一行添加一个按钮事件
主要介绍了BootStrap给table表格的每一行添加一个按钮事件的相关资料,需要的朋友可以参考下
Bootstrap table简单使用总结
主要为大家总结了Bootstrap table的简单使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


