无法在Bootstrap表中使用jQuery设置data-url值

我检查了你的例子，它在你的例子中工作，但是当我在我的例子中尝试它时，它不起作用。 我不知道我在哪里犯错误。 是我使用旧的jQuery文件？ 我在这里发布了整个HTML代码。

HTML代码

@{ Layout = null; }             
 
 View Source on GitHub 
 
Refresh method with new url(#409).
 
 Refresh 
 
 
 
 
ID
 
Item Name
 
Item Price
 
 
 
 
  var $table = $('#table'); $(function () { $('#refresh').click(function () { $table.bootstrapTable('refresh', { url: '/Report/ShowShipment' }); }); });    

控制器代码。

 public class ReportController : Controller { // GET: Report public ActionResult Index() { return View(); } public ActionResult GetShipments() { //IShipments shipments = new ShipmentsClient(); //var data = shipments.GetShipments(string.Empty, string.Empty, string.Empty, string.Empty); //return Json(data, JsonRequestBehavior.AllowGet); return Json("test" , JsonRequestBehavior.AllowGet); //return new Json() } public ActionResult ShowShipment() { //IShipments shipments = new ShipmentsClient(); //var data = shipments.GetShipments(string.Empty, string.Empty, string.Empty, string.Empty); //return Json(data, JsonRequestBehavior.AllowGet); return Json("test", JsonRequestBehavior.AllowGet); //return new Json() } public ActionResult Test() { return View(); } } 

当页面加载并命中控制器中的GetShipment()方法，然后我们单击刷新按钮时，它应该点击ShowShipment()方法，但不幸的是它总是命中GetShipment()方法。 我不知道自己犯了什么错误。

Answer 1

您可以使用刷新方法：

 $table.bootstrapTable('refresh', { url: 'new url' }); 

我在这里添加了一个例子： http ： //issues.wenzhixin.net.cn/bootstrap-table/#issues/409.html

文档： http ： //bootstrap-table.wenzhixin.net.cn/documentation/#methods

希望能帮到你。

Answer 2

设置/更改bootstrap表的data-url的最佳方法是将refresh方法与refreshOptions一起使用：

 $table.bootstrapTable('refreshOptions', {url: 'new url'}); $table.bootstrapTable('refresh', {url: 'new url'}); 

如果您不执行refreshOptions，则BootstrapTable仍将使用旧URL进行下一次刷新。 例如，在启用服务器端时进行分页/排序/搜索。

如果需要添加加载程序图标，则应在调用refresh方法之前添加，并使用onLoadSuccess，onLoadError事件删除加载程序图标。

Answer 3

我想你正在寻找数据functionhttp://api.jquery.com/data/

$('#mytable').data('url', 'yoururl')

编辑：

好吧，我仔细看了一下：

• 你有两个包含bootstrap-table.css
• 引导文件不包含在jQuery中，是否包含在其他地方？
• 你在javascript控制台中得到错误吗？

得到了这个工作：

      
 
 
Shipment Filter Criteria
 
 
 
 Carrier  Select Carrier Type UPS USPS FEDEX  
 
 
 
 Package Type  Select Package Type UPS USPS FEDEX  
 
 
 
 
 
 Shipped Date  
 
 
 
 Schedule Date  
 
 
 
  View Report  
 
 
 
 
 
  
 
 
 
Id
 
Tracking Nr
 
Carrier
 
Package Type
 
Shipped Date
 
Scheduled Date
 
Activity Zip
 
Activity State