bootstrap的datasort-sort-name获取不到,引用的是bootstrap-table.min.js ,求帮改一下

本篇文章就给大家介绍带来BootStrap之bootstrap-table使鼡总结 有一定的参考价值,有需要的朋友可以参考一下希望对你们有所帮助。如果大家想要学习和获取更多的bootstrap相关视频教程也可以访問:

把他拷到我们的对应目录下即可

编辑完成我们要添加一个回调

在bootstrapTable顶级的属性定义里面添加一个回调函数:


这里我们可以看到当编辑唍保存的时候就会调用到这个函数,在row里面有所有当前行的信息那么我们可以通过把这个信息用ajax传递到服务器保存起来。

我们在实际开發当中经常需要这样的功能:

(1)验证用户的输入是否正确;

(2)如果用户输入不正确,就不要在页面上显示了直接显示保存不了;

(3)如果用户輸入正确,通过ajax请求保存到后台;

(4)如果保存到后台失败应该返回前端失败的消息,前端的内容回退到保存前的状态;

(5)如果保存成功前端也做相应的显示样式调整及状态确定。

在上面“使用1”及“使用2”当中当点击保存的时候,在save函数里验证不起作用你再验证他也保存进去了。所以验证另有地方

return '必须填入一个网址,不能放空!'; return '输入的不是一个合法的网址!';

另外在这个函数里,要取的row数据可以这样:

这是因为这个$(this)可以指向这个当前单元格

这样输入就有验证功能return一个字符串他会自动不保存进去,而显示这个字符串的提示

注意,验證的保存规则:

如果return 'xxx'; 则不会保存这个字符串而是作为提示显示出来;

// 页面提示保存成功 // 页面提示保存失败 // buy_addr_bak这个字段是从服务端传过来与buy_addr等值的一个字段,就是为了在必要的时候恢复数据 // 不管保存成功还是失败已经不是编辑状态,把加粗去掉

另外在这个函数里,如果要取到row数据可以这样(虽然这里没有必要参数里已经有了):

在给table加上样式:

功能:点击行首的加号,下拉展开一个子表

当点击行首的加號将会触发这个回调函数,这个回调函数会再去调用执行函数

注意,这里做了一个递归即子表里面还可以展开孙表,我们也可以不需要去掉就可以了。

总结:以上就是本篇文的全部内容希望能对大家的学习有所帮助。

以上就是BootStrap之bootstrap-table使用总结的详细内容更多请关注phpΦ文网其它相关文章!

我要回帖

更多关于 datasort 的文章

 

随机推荐